百度產(chǎn)品運(yùn)營設(shè)計(jì)經(jīng)驗(yàn)閑談(3)
2013/1/29 20:22:23來源:百度MUX
實(shí)際的設(shè)計(jì)中要還要結(jié)合閱讀的連貫性,左圖右字和右圖左字都是可以的形式,但是要根據(jù)具體應(yīng)用環(huán)境決定。同時(shí)視覺平衡和黃金分割也是十分重要的,如果合理應(yīng)用可以獲得意想不到的效果。
左字右圖(符合閱讀習(xí)慣)
左圖右字(為了和右邊的頁面下載區(qū)平衡,所以這里圖片放左邊更合適)
文字太少:主體文字很少,這時(shí)候加入界面就是設(shè)計(jì)的大幫手,這種時(shí)候版式就可以比較靈活,上下結(jié)構(gòu),左右結(jié)構(gòu),不規(guī)則排版都可以靈活應(yīng)用。界面的角度也可隨創(chuàng)意盡情發(fā)揮。
需求方的要求:必須要放界面,那就溝通好放什么樣的,那個(gè)功能的,必要的時(shí)候不要使用實(shí)際界面,用設(shè)計(jì)過的,有潤色的效果圖會(huì)事半功倍。
界面很出彩或者需要給用戶產(chǎn)品視覺印象:這時(shí)候界面也成為了設(shè)計(jì)的主角,通過各種界面的表現(xiàn)形式要給用戶留下深刻的印象。版式可以靈活,根據(jù)搭配的文案來協(xié)調(diào)。可以抽離出界面中的重點(diǎn)單獨(dú)表現(xiàn),這樣更能吸引眼球。
2)突出文字的版式
也有些情況你也不必使用界面,手機(jī)圖片等等,做類似傳統(tǒng)的運(yùn)營設(shè)計(jì)。比如:文本太多又不能刪減,界面沒有出彩點(diǎn)/和上一版變化不大,要突出的點(diǎn)和界面關(guān)系不大,需要突出的點(diǎn)太多不能用一兩個(gè)界面表達(dá),需要宣傳的點(diǎn)有別的更好的方式表現(xiàn)。
宗旨是不加入更多元素可以讓設(shè)計(jì)更好的發(fā)揮作用就是可行的。
表現(xiàn)的核心元素只有文字
3. 適應(yīng)環(huán)境的設(shè)計(jì)
Banner設(shè)計(jì)要適應(yīng)網(wǎng)頁環(huán)境,和同期上線的其他banner有所區(qū)別。如果不滿足這兩點(diǎn),你精心烹制的banner很有可能在豐盛的宴席上被食客忽略。
適應(yīng)環(huán)境和區(qū)別設(shè)計(jì)的根本都是“對(duì)比”,色彩的對(duì)比,明暗的對(duì)比,氛圍的對(duì)比。
對(duì)比明顯的banner在翻頁時(shí)很容易發(fā)現(xiàn)他們的變化
微博圖片在實(shí)際環(huán)境中的效果。微博宣傳圖片實(shí)際展示時(shí)縮略圖只有120PX*120PX,大圖顯示寬度也只是440PX,在很小的面積里能讓用戶第一被吸引然后點(diǎn)擊才是關(guān)鍵。
4. 運(yùn)營提案和方案推動(dòng)
辛苦做完的設(shè)計(jì)如何讓需求方認(rèn)可呢?
運(yùn)營提案:包裝自己的設(shè)計(jì)方案,用最好的形式展現(xiàn)設(shè)計(jì)圖。圖文并茂的講述設(shè)計(jì)思路“為什么這么做?”“用色的原因,圖片的使用原因”都要給這些問題合理的有說服里的答案。
[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/id1325.html
本文地址:http://m.likemindfilms.com/tutorial/id1325.html
您可能還喜歡
- 關(guān)于第三方注冊(cè)和本地注冊(cè)的選擇
- 8大網(wǎng)頁前端界面必備jQuery插件
- 掌上指路標(biāo) —– APP架構(gòu)與導(dǎo)航設(shè)計(jì)
- 時(shí)尚電商網(wǎng)站交互分析
- 軟件推薦為移動(dòng)設(shè)計(jì)而生-Justinmind
- TGideas實(shí)例:加載,不只是少一點(diǎn)點(diǎn)
- 網(wǎng)頁設(shè)計(jì)中引人入勝的引導(dǎo)頁設(shè)計(jì)
- 體驗(yàn)新版Apple AppStore ——App設(shè)計(jì)從
- 確認(rèn)按鈕在左邊,取消按鈕在右邊?
- 交互設(shè)計(jì)從登錄開始
這些是最新的
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏
最熱門的教程