<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 交互設(shè)計(jì)師,你要懂視覺

    2013-5-6   

    交互設(shè)計(jì)師之所以要懂得視覺語言,主要體現(xiàn)在原型制作的工作部分,
    因?yàn)檩敵龅碾m然是低保真原型,但低保真原型的設(shè)計(jì)過程其實(shí)也是一個(gè)視覺化過程。

    廢話少說,直接解釋吧(大致按照動(dòng)手的時(shí)間順序,以數(shù)字媒體界面為例)。


    1 設(shè)計(jì)界面框架要懂視覺
    在定好功能,搭好信息架構(gòu)之后,一般進(jìn)行單獨(dú)界面的框架設(shè)計(jì)(鬼扯,真實(shí)的操作順序誰知道!)
    框架設(shè)計(jì)是元素在界面上的大致布局,界面分幾塊區(qū)域,哪一塊區(qū)域放什么內(nèi)容之類的。
    這里需要交互設(shè)計(jì)師確定這么幾件跟視覺有關(guān)的事情:
    a.界面尺寸
    界面默認(rèn)的寬高是多少(如果是軟件)?最大化的寬高是多少?
    這也許需要通盤考慮每個(gè)界面大致的內(nèi)容類型,需要考慮用戶的閱讀舒適度(翻屏幕爽嗎?水平掃描爽嗎?)。
    b.模塊尺寸
    每個(gè)區(qū)域模塊的大小比例大致怎樣?
    這跟內(nèi)容的類型有關(guān),
    比如一篇文章詳情的寬度究竟要多少,用戶閱讀起來才不會(huì)在目光換行的時(shí)候不會(huì)迷失?
     
     
     
     
     
     
     
     
     
     
     
     
     
     

    (如果正文整個(gè)顯示屏那么寬,好讀嗎?)
    這也跟內(nèi)容之間的權(quán)重有關(guān),
    交互設(shè)計(jì)師知道內(nèi)容的輕重,尺寸就是表達(dá)權(quán)重的一種手段。
    c.模塊位置
    模塊的相對(duì)位置如何?整個(gè)產(chǎn)品的界面如何瓜分成一個(gè)固定連續(xù)的閱讀習(xí)慣(如果需要的話)?

    如果是一個(gè)網(wǎng)頁,為什么最重要的內(nèi)容也許需要放在界面左上角,你要知道這是用戶的視覺落腳點(diǎn)。


    當(dāng)然框架只是粗略布局,尺寸不需要精準(zhǔn),但如果能接近精準(zhǔn),不是更好嗎?


    2 元素細(xì)節(jié)布局需要排版功力
    如果你知道閱讀節(jié)奏,能排成這樣:

    如果你知道視覺區(qū)分邏輯,能拍成這樣:


    3 權(quán)重表達(dá)需要視覺手段
    交互設(shè)計(jì)師有責(zé)任把內(nèi)容的輕重緩急通知視覺設(shè)計(jì)師,
    除了文字、口頭溝通外,直接在原型上表達(dá)也是重要的。
    如果知道基本的規(guī)劃視覺層次的原理,就能事半功倍。

    (標(biāo)簽比對(duì)應(yīng)的內(nèi)容不重要)


    4 動(dòng)畫效果了然于胸
    動(dòng)畫在交互過程中,起著強(qiáng)化界面暗示或反饋的作用,
    配合用戶的操作,豐富的視覺效果讓產(chǎn)品有趣,也讓用戶更理解他的操作。
    既然跟操作有關(guān),交互設(shè)計(jì)師怎么可以不懂得動(dòng)畫設(shè)計(jì)。
    雖然不需要讓動(dòng)畫變現(xiàn),但心中有動(dòng)畫的構(gòu)成原理,看到一個(gè)效果,能知道各個(gè)元素是怎么分別到位的,

    絕對(duì)有助于行為的設(shè)計(jì)。


    5 用視覺設(shè)計(jì)師的語言溝通
    在完成交互設(shè)計(jì),開始向視覺設(shè)計(jì)師傳達(dá)設(shè)計(jì)方案的時(shí)候,
    如果能用視覺設(shè)計(jì)師的語言跟他們溝通,甚至讓他們覺得,你其實(shí)已經(jīng)在默默照顧他們,
    因?yàn)槟阒浪麄兡玫竭@個(gè)交互原型時(shí),心里是怎么想的,

    就能更快達(dá)成一致。


    6 驗(yàn)收時(shí)知道高保真是否傳達(dá)出行為了
    視覺設(shè)計(jì)的其中一個(gè)最大功能就是傳達(dá)產(chǎn)品行為,也就是表達(dá)好交互設(shè)計(jì)。
    當(dāng)視覺稿輸出時(shí),你不僅只是看看demo好不好看,更重要的是,你的交互意圖有沒有被表達(dá)出來。
    比如還是權(quán)重的問題,視覺設(shè)計(jì)師是否用合適的形式傳達(dá)出來了,

    或者一些視覺反饋是否給到用戶足夠的暗示效果。


    以上就是為什么交互設(shè)計(jì)師要懂視覺的理由。


    日歷

    鏈接

    個(gè)人資料

    存檔

    主站蜘蛛池模板: 成人午夜精品网站在线观看| 国产cosplay精品视频| 久久国产精品99精品国产| 精品国产污污免费网站入口在线 | 国产精品久久一区二区三区| 亚洲精品国产精品乱码视色| 精品亚洲欧美中文字幕在线看| 99久久婷婷免费国产综合精品| 亚洲国产精品VA在线观看麻豆| 久久久91人妻无码精品蜜桃HD| 亚洲国产精品成| 国产欧美久久久精品| 99久久精品午夜一区二区 | 国产精品视频不卡| 91午夜精品亚洲一区二区三区| 久久国产精品一区二区| 国产精品合集一区二区三区| 91麻豆精品国产自产在线观看一区| 精品免费久久久久久久| 久久久免费精品re6| 亚洲AV永久无码精品网站在线观看 | 97久久精品人人做人人爽| 国产精品1024香蕉在线观看| 国产AV国片精品| 国产精品无码一区二区三区电影| 亚洲日韩精品A∨片无码| 人妻少妇精品系列| 久久午夜无码鲁丝片午夜精品| 国产精品无码免费播放| 国产精品毛片一区二区| 国产91在线精品| 国产精品爽爽ⅴa在线观看| 国产女人18毛片水真多18精品| 国产精品青草视频免费播放| 国产精品成人一区二区| 国产精品国产三级国产潘金莲| 国产高清精品一区| 国产91在线精品| 精品久久久久久久久久久久久久久| 国产天天综合永久精品日| 精品久久人人做人人爽综合 |