 |
| 昵稱：奈薇建站網(wǎng) |
| 論壇積分：108060 |
| 發(fā)貼等級：21 |
    
    |
| 發(fā)貼數(shù)：1159 |
| 回貼數(shù)：1282 |
被砸雞蛋： 1 |
獲贈鮮花： 182 |
|
 |
|
|
發(fā)表時間：2019/7/30 19:54:00 |
樓 主 |
|
 |
|
 |
|
基礎控件和交互設計元素的層級 今天被jobs指出之前工作的方向性錯誤,才意識到構(gòu)成最終產(chǎn)品元素之間的層級關(guān)系.
在現(xiàn)在的工作流程中,規(guī)范是大家熟知也都盡力執(zhí)行的,目的是為了在保證產(chǎn)出物質(zhì)量和一致性的同時,提高設計和工作的效率.不過規(guī)范還是由更基礎的兩個元素構(gòu)成:基礎控件和基礎組件.
交互設計元素的層級控件是互聯(lián)網(wǎng)/軟件產(chǎn)品的最小界面元素,包括按鈕,單選框,復選框,滾動條等等。
而組件,是通過合理的組合和布局方式形成的比較通用,好用的控件組合。
最終的設計規(guī)范,則是由成熟的組件組成的,是組件的組合。
所以最終產(chǎn)品的質(zhì)量,離不開規(guī)范,組件及控件.不過產(chǎn)品設計發(fā)展到現(xiàn)在,需要再加入另外一個元素:”動畫”或者叫”過程控件”.名字暫時還沒有想好,具體的例子如下:
蘋果登錄界面在用戶輸錯密碼的反饋方式:整個登錄框會震動,這個交互方式被很多人贊嘆,也被slideshare移植到web層面(不過不知道為啥現(xiàn)在不用了….)蘋果窗口在最小化的”扭曲”,windows中最小化窗口時的動態(tài)縮小現(xiàn)在頁面上通過javascript實現(xiàn)的越來越多的漸變效果而蘋果在官方的開發(fā)者指南中對這點也有獨到的看法:交互中動畫的作用不只是炫,而是為了讓(界面上的或者其他的元素)”變化”過程更平滑,同時讓變化更直接,更簡單的方式告知用戶,理解變化.可以想象面對新用戶時，點擊窗口的最小化按鈕，窗口直接消失，用戶會多詫異。不過現(xiàn)在幾乎沒有專門對這個層面進行設計，最接近的應該是AS方向的“互動設計師”，這也得益于flash在動畫方面的成熟和強大。
所以現(xiàn)在看，良好的交互設計應該是從良好的控件設計開始，同時也已經(jīng)有很成熟系統(tǒng)的知識可以借鑒了：Aboutface3，雖然這本書主要講解的都是客戶端產(chǎn)品的控件設計。由控件到組件，最后形成完整高效的規(guī)范。
創(chuàng)新的基礎控件各大公司關(guān)于基礎控件的創(chuàng)新也都沒有停止過，這些創(chuàng)新也總是讓人覺得很驚喜，對于基礎控件的改良真的是需要深厚的經(jīng)驗和設計能力作為基礎的
GoogleWave推出時，確實引起不少熱議，其中關(guān)于“滾動條”的創(chuàng)新也讓很多人贊嘆，同時進行了細致的分析
google首頁的文字鏈尺寸，不知道有多少人注意過，應該是為了加大可點擊區(qū)域
這個是我很喜歡的，確實沒想到過下拉菜單可以做這樣的擴展：除了可選項又加入了按鈕，猜測是借鑒了Web層面上Facebook之前的“相冊＋上傳”的這種“導航菜單＋動作”設計方式
這個文案很到位，是國外某個下載網(wǎng)站的按鈕，說實話，點這個按鈕的時候多少還是有些別扭的，文案的作用不可忽視
最后就是itunes新版中對于窗口控制按鈕的縱向排列
Google在折騰基礎控件方向作了很多的工作，貌似也很樂衷于此，也讓我們有了更多參考學習的機會。
其實最終也可以總結(jié)一些經(jīng)驗：對于基礎控件的創(chuàng)新，更多的是在做整合，減少界面上元素的數(shù)量，更真實正確的表達信息及功能的層級；或者是按照使用習慣，重要性，邏輯性等來改變元素的排列方式 |
|
 |
 |
 |
|
奈薇建站網(wǎng)致力于，讓每個中國人、每個中國企業(yè)都擁有自己的“官方網(wǎng)站”！ |
|
|
|
|
|