活動頁面策劃與設(shè)計.doc

來公司剛好一年了，接觸了不同的視覺需求這里做一個小分享。首先我說一下阿里巴巴B2B視覺設(shè)計的分類,主要分為產(chǎn)品視覺和推廣視覺，產(chǎn)品視覺鍛煉人的邏輯思維能力細節(jié)的處理規(guī)范執(zhí)行。推廣視覺更加偏向展現(xiàn)層，對視覺表達的能力要求很高培養(yǎng)色感有效的提高視覺設(shè)計師的表現(xiàn)技巧。個人覺得只有縱向發(fā)展到達一定的深度才有基礎(chǔ)對橫向擴展，所以最基礎(chǔ)的是視覺表現(xiàn)力提高。產(chǎn)品視覺有任務型和瀏覽型兩種，以上2張都屬于瀏覽形頁面，如我們經(jīng)常接觸的1688首頁，服裝小商品頻道頁。它們的特點是有很多展示模塊，有產(chǎn)品圖片有類目有導航和一些banner。承載的內(nèi)容比較繁雜。還有就是任務型的頁面，這樣的頁面都是枯燥的操作流程表單列表等，如我們經(jīng)常接觸到的offter detai和搜索list，還有一個典型的后臺頁面。到處都是行動點，下一步的操作。這樣的頁面不能個性化的自由發(fā)揮，要求視覺設(shè)計有統(tǒng)一的視覺樣式，精確的標尺，嚴格的按照規(guī)范來執(zhí)行。營銷活動專題頁面有很多種，包括論壇貼郵件貼營銷活動推廣營銷產(chǎn)品發(fā)布。一般都是吸引眼球的活動標題，然后是活動內(nèi)容和其他相關(guān)信息。一個營銷活動的成功，個人覺得除了文案精彩視覺占有60的主導因素。視覺給人繼續(xù)滑動鼠標看文字的動力，赫赫 。因為用戶眼中都是沒有文字的?；旧峡匆粡埢顒禹撁娴臅r候都會自動忽略24號以下的字體，汗|設(shè)計推廣專題頁面可以很好的鍛煉新人的設(shè)計技巧和表現(xiàn)手法。推廣視覺有一種是banner模板結(jié)構(gòu)，一般第一屏可以看到標題利益點和一部分的產(chǎn)品圖片，產(chǎn)品圖片運營同學可以自由更替，這樣做的好處是用時短，可以快速批量的更新內(nèi)容信息。第二種是自由排版，這樣推廣的效果比較好，如右圖的“采購龍虎榜”是新年的一個推廣頁面，整體氛圍熱鬧，喜慶。第一屏是首推的5件產(chǎn)品，下面分別是不同類目的分類，設(shè)計師結(jié)合“龍虎榜”用了金底紅字的剪紙元素黃色的禮品封禮花燈籠書法等一系列的元素渲染氣氛。但是缺點就是耗時很長，改動的成本很高。+設(shè)計師平時的積累（遠的） 自發(fā)需求 用視覺設(shè)計師的眼光去看待這個世界，觀察生活中的每一個設(shè)計細節(jié)/自發(fā)的改變生活中的不完美/參加一些設(shè)計比賽，活動 收集資料 收集資料并且共享資源這是一個很重要的積累過程，眼界高了設(shè)計出來的東西才會提高/有意識的收集資料/合理的將資料整理分類 技法訓練 分享設(shè)計技法，學習的是方法取其精華/借鑒別人的設(shè)計，嘗試性創(chuàng)新設(shè)計，二次迭代是一個開始+需求方提供Demo給設(shè)計師（近的） 現(xiàn)有文案 這次活動的主題是什么/內(nèi)有有哪些/什么是重點突出的，次要的 設(shè)計思考 根據(jù)主題我聯(lián)想到什么/用什么視覺元素（氛圍，背景）來展現(xiàn)這個活動 一起討論 快速素描出設(shè)計師的大致思路/給需求方展示幾個跟我設(shè)計相近的圖例/達成一致開始設(shè)計這次主要拿我們最常接觸的“推廣頁面”來舉例。推廣頁面第一屏就是給用戶的肆意印象，一定要抓住用戶的心。這就是為什么當我們在做一個頁面的時候需求方不停的在強調(diào)要熱鬧，字要大。其實他們想說的是這個頁面的視覺要有沖擊力，重點的地方應該用抓住眼球的設(shè)計元素?，F(xiàn)在用戶見多識廣，什么包郵/免費/搬家/限量這樣的詞都不足以吸引他們。只有把握住用戶的需求點，才有看下的動力。以wonderbra舉例來說，這是一個神奇bra的站點，主要是介紹他們家bra的，整個頁面營造的是一個封閉但是清爽簡潔舒適的室內(nèi)環(huán)境，有點類似更衣室的感覺。使用吊燈/便簽/穿衣鏡/沙發(fā)/等元素來完善整個房間，還有一個誘人的美女穿著bra展現(xiàn)生活中的不同狀態(tài)（姿勢 -），這樣瞬間拉近了用戶和產(chǎn)品之間的距離。氛圍營造個人覺得首先營造一個氛圍是必須的，這個氛圍要很給力。越是富有意境的圖形越能抓住用戶的視線并快速傳遞所攜信息。文字是直白的，圖片是用線序的方式來抽托主題。我們要把這個活動/產(chǎn)品推廣出去就好象我們在給用戶秒速一個生動的故事。情節(jié)生動才會引人入勝。視覺設(shè)計師講故事的技巧就是我們的表現(xiàn)風格。（眩光/實體/手繪/虛幻空間/平面）標題凸顯當一個空間氛圍搭建好了，接下來所有的元素都要配合這個空間。標題是一個活動的點睛之筆。主標題一般都是精辟簡短，概括了整個活動的專題商業(yè)需求。副標題一般是起解釋說明的作用，描述該活動的利益點。所以在視覺處理上標題是要重點刻畫的，將其拆分做一些形狀，色彩，大小，字體，質(zhì)感，排版的變化和突破是必不可少的。但是切記不要做的太過，以上提到的6種選23個即可，不然就脫離了整體的頁面。排版設(shè)計人物等細節(jié)的素材的選擇是根據(jù)最先制定的風格樣式來完成的。怎樣將這些東西結(jié)合在一起就是靠設(shè)計師的排版組合。這里會涉及到色調(diào)，構(gòu)圖比例，質(zhì)感搭配的經(jīng)驗。以這個推廣為例子，拿到DEMO的時候，主標題是“清涼一夏，日本流行風”要營造一個夏季的氛圍，我首先想到的就是沙灘/美女/夏威夷這樣的一個場景，長裙/海浪是必不可少的元素，頁面承載的都是服裝的產(chǎn)品信息，所以要選一個有長裙的美女，接著就是想到木制/相冊/便簽/手繪風這樣的質(zhì)樸舒服的感覺。我想營造一個清涼的感覺就選用清新的藍天白云做背景。為了凸顯主題將背景顏色調(diào)灰然后整片疊底上一層沙灘，兩個圖層分界的地方不能很生硬，選用了墨跡的筆刷有一個點點沙粒被剝開的過度。開始做字體的時候想到的是紅色，橙色有夏天烈日的感覺，但是因為是清涼，所以顏色不能過重。用夏威夷的手繪花朵點綴字體，在“一”的處理上放上一個實物的海螺，要這個標題更加的生動。下方的利益點文字比較多，不妨選用了手繪的方式表達。剩下的事情就是整理和回顧，這是一個必不可少的環(huán)節(jié)。新人在做推廣的時候普偏存在的問題就是腦中沒有貨？！什么貨？那些看過的收集過的素材和表現(xiàn)技