<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          交互設計系列之四:交互設計師,你要懂視覺!

          2015-4-30    藍藍設計的小編

           藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供有效的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

          每一個扁平化界面設計,都是我們的心靈碰撞致力于最棒的 metro ui 設計

          來源:http://www.hao5191.cn/a/diannaojichu/diannaojiqiao/20140313/152285.html

            交互設計師之所以要懂得視覺語言,主要體現在原型制作的工作部分,

            因為輸出的雖然是低保真原型,但低保真原型的設計過程其實也是一個視覺化過程。

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

          1 設計界面框架要懂視覺

            在定好功能,搭好信息架構之后,一般進行單獨界面的框架設計(鬼扯,真實的操作順序誰知道!)

            框架設計是元素在界面上的大致布局,界面分幾塊區域,哪一塊區域放什么內容之類的。

            這里需要交互設計師確定這么幾件跟視覺有關的事情:

            a.界面尺寸

            界面默認的寬高是多少(如果是軟件)?最大化的寬高是多少?

            這也許需要通盤考慮每個界面大致的內容類型,需要考慮用戶的閱讀舒適度(翻屏幕爽嗎?水平掃描爽嗎?)。

            b.模塊尺寸

            每個區域模塊的大小比例大致怎樣?

            這跟內容的類型有關,

            比如一篇文章詳情的寬度究竟要多少,用戶閱讀起來才不會在目光換行的時候不會迷失?


            (如果正文整個顯示屏那么寬,好讀嗎?)

            這也跟內容之間的權重有關,

            交互設計師知道內容的輕重,尺寸就是表達權重的一種手段。

            c.模塊位置

            模塊的相對位置如何?整個產品的界面如何瓜分成一個固定連續的閱讀習慣(如果需要的話)?

            如果是一個網頁,為什么最重要的內容也許需要放在界面左上角,你要知道這是用戶的視覺落腳點。

            當然框架只是粗略布局,尺寸不需要精準,但如果能接近精準,不是更好嗎?

          2 元素細節布局需要排版功力

            如果你知道閱讀節奏,能排成這樣:


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


          3 權重表達需要視覺手段

            交互設計師有責任把內容的輕重緩急通知視覺設計師,

            除了文字、口頭溝通外,直接在原型上表達也是重要的。

            如果知道基本的規劃視覺層次的原理,就能事半功倍。


            (標簽比對應的內容不重要)

          4 動畫效果了然于胸

            動畫在交互過程中,起著強化界面暗示或反饋的作用,

            配合用戶的操作,豐富的視覺效果讓產品有趣,也讓用戶更理解他的操作。

            既然跟操作有關,交互設計師怎么可以不懂得動畫設計。

            雖然不需要讓動畫變現,但心中有動畫的構成原理,看到一個效果,能知道各個元素是怎么分別到位的,

            絕對有助于行為的設計。

          5 用視覺設計師的語言溝通

            在完成交互設計,開始向視覺設計師傳達設計方案的時候,

            如果能用視覺設計師的語言跟他們溝通,甚至讓他們覺得,你其實已經在默默照顧他們,

            因為你知道他們拿到這個交互原型時,心里是怎么想的,

            就能更快達成一致。

          6 驗收時知道高保真是否傳達出行為了

            視覺設計的其中一個最大功能就是傳達產品行為,也就是表達好交互設計。

            當視覺稿輸出時,你不僅只是看看demo好不好看,更重要的是,你的交互意圖有沒有被表達出來。

            比如還是權重的問題,視覺設計師是否用合適的形式傳達出來了,

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

            以上就是為什么交互設計師要懂視覺的理由。

           

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合