産品攝影,商(shāng)業攝影公司，廣州攝影,最優惠攝影公司,專業攝影公司,資(zī)深攝影師,資(zī)深修圖師,畫冊設計,專業淘寶攝影,五金拍攝,不鏽鋼産品拍攝,化妝品攝影,服裝攝影,家用電器攝影,燈飾攝影,衛浴攝影,皮具箱包攝影,珠寶首飾攝影,手表攝影,數碼産品攝影,商(shāng)務形象拍攝,建築室内攝影,食品攝影,其它産品攝影,攝影技巧 資(zī)深商(shāng)業攝影師推薦：劉攝影師 聯系方式13760771952 QQ532646532
tiah在Joshua Porter總結出來的優秀的UI設計原則基礎上，進行了重新整理并增加圖文解說，以便于大(dà)家理解。
界面清晰最重要
界面清晰是UI設計的第一(yī)步，要想讓用戶喜歡你設計的UI，首先必須讓用戶認可它、知(zhī)道怎麽樣使用它。讓用戶在使用時預期會發生(shēng)什麽，并方便地與它交互。
▲ 正确示範｜界面沒有任何的操作提示，用戶就明白(bái)通過左右滑動屏幕來查看更多卡片，還知(zhī)道卡片是以扇形爲運動軌迹。
全力維護用戶的注意力
在閱讀的時候，總是會有事物(wù)分(fēn)散我(wǒ)們的注意力。因此，在設計界面的時候，能夠吸引用戶的注意力很關鍵，千萬不要将界面的周圍設計得亂七八糟。
▲ 正确示範｜幹淨簡潔的界面可以讓用戶更加沉浸在閱讀的世界裏。
讓界面處于用戶的掌控之中(zhōng)
人類往往對能夠掌控自己和周圍的環境感到舒服，不考慮用戶感受的設計往往會讓這種舒适感消失。保證界面處于用戶的掌控之中(zhōng)，讓用戶自己感受主動權。
▲ 錯誤示範｜用戶不知(zhī)道如何查看很多的卡片，除了查看第一(yī)張卡片的詳情，其他的卡片脫離(lí)了用戶的掌控。
直接操作的感覺最棒
當能夠直接操作物(wù)體(tǐ)時，用戶的感覺是最棒的。在設計界面時，我(wǒ)們增加的圖标往往并不是必需的，比如我(wǒ)們過多的使用按鈕、選項等等其他繁瑣的東西僅僅是爲了填滿界面，這些都是畫蛇添足。
▲ 正确示範｜圖标的作用是以圖形化的視覺形象給用戶快速引導，如果隻是裝飾，就不如不要。
每個屏幕隻提供一(yī)個操作主題
我(wǒ)們設計的每一(yī)個畫面都應該有單一(yī)的主題，這樣不僅能夠讓用戶使用到它真正的價值，也使得上手容易，使用起來也更方便。如果一(yī)個屏幕支持兩個或兩個以上的主題，立馬會讓整個界面看起來混亂不堪。
▲ 錯誤示範｜這個界面是讓用戶輸入登錄，卻将注冊放(fàng)在與登錄同等重要的位置，幹擾用戶操作，會導緻操作錯誤。比較好的做法是，将注冊放(fàng)在右下(xià)或登錄按鈕下(xià)方。
界面過渡自然
界面的交互都是關聯的，所以要認真地考慮到下(xià)一(yī)步的交互是怎樣的，并且通過設計将其實現。當用戶已經完成該做的步驟，不要讓他們不知(zhī)所措，給他們自然而然繼續下(xià)去(qù)的方法，以達成目的。
▲ 正确示範｜界面的交互非常清晰，點擊向下(xià)展開(kāi)，再次點擊向上收起。
表裏如一(yī)
如果它看上去(qù)像個按鈕，那麽它就應該具備按鈕的功能。設計師不應該在基本的交互問題上耍小(xiǎo)聰明，要在更高層次的問題上發揮創造力。
▲ 錯誤示範｜界面非常漂亮，但登錄被弱化，并且表現形式雷同輸入的提示文字，用戶不易察覺。
區别對待一(yī)緻性
如果屏幕元素各自的功能不同，那麽它們的外(wài)觀也理應不同。反之，如果功能相同或相近，那麽它們看起來就應該是一(yī)樣的。
▲ 正确示範｜元素排版整齊且統一(yī)，功能清晰明了。
産品攝影,商(shāng)業攝影公司，廣州攝影,最優惠攝影公司,專業攝影公司,資(zī)深攝影師,資(zī)深修圖師,畫冊設計,專業淘寶攝影,五金拍攝,不鏽鋼産品拍攝,化妝品攝影,服裝攝影,家用電器攝影,燈飾攝影,衛浴攝影,皮具箱包攝影,珠寶首飾攝影,手表攝影,數碼産品攝影,商(shāng)務形象拍攝,建築室内攝影,食品攝影,其它産品攝影,攝影技巧
強烈的視覺層次感
強烈的視覺層次感是通過界面上視覺元素提供的清晰浏覽順序來實現的，也就是說，用戶每次都能按照同一(yī)個順序浏覽同一(yī)些元素。弱化的視覺層次沒有給用戶提供如何浏覽的線索，用戶會感到困惑和混亂。當一(yī)切都是粗體(tǐ)時，就沒有主次之分(fēn)了。
▲ 正确示範｜界面以用戶的閱讀習慣将層次拉開(kāi)，從左到右，從上到下(xià)，元素之間互不幹擾。
恰當的組織UI能夠降低認知(zhī)難度
正如John Maeda在他的書(shū)中(zhōng)所說，對屏幕元素的恰當組織能夠使頁面顯得簡潔，這能夠幫助用戶更容易并且更快地理解你的界面。
▲ 正确示範｜将零散的元素進行組合，并以生(shēng)活中(zhōng)常見的物(wù)品展示，用戶更易理解。
顔色不是決定性因素
物(wù)體(tǐ)的顔色會随着光線的變化而變化，顔色是一(yī)個變化的性質，不應該在界面上起決定性作用。它可以用于提醒，但是不應該是唯一(yī)的區分(fēn)元素。
▲ 正确示範｜通過鮮豔的色彩來提醒需要用戶關注的内容，但是tiah不太認同顔色不能作爲唯一(yī)的區分(fēn)的觀點，現在有很多天氣、記事、時鍾類APP極簡的設計，常常采用色彩進行區分(fēn)也非常贊。
漸進展示
在每個屏幕上隻顯示必要的内容，如果用戶在做選擇，那麽給他們顯示足夠的信息，然後在各自的頁面上展示詳情，避免在某個界面過度展示所有細節。
▲ 正确示範｜用戶隻單純地想播放(fàng)音樂，所以列表頁隻需要當前播放(fàng)狀态、演唱(chàng)者、專輯名和歌曲名，無需太多的信息。
零狀态的界面
第一(yī)次訪問界面是最重要的，但經常被設計者忽視。爲了幫助用戶适應，應該提供啓動的方向和引導。
▲ 正确示範｜零狀态結果本身對用戶體(tǐ)驗極其不好，更需要情感化或引導性的設計來降低用戶焦躁的情緒。
優秀的設計是無形的
優秀的設計是沒有痕迹的，如果設計是成功的，那麽用戶可以隻關注自己的目的，而不是界面，不依賴于界面。
▲ 正确示範｜要想做到這點非常不易，tiah認爲Yo做到了。
産品攝影,商(shāng)業攝影公司，廣州攝影,最優惠攝影公司,專業攝影公司,資(zī)深攝影師,資(zī)深修圖師,畫冊設計,專業淘寶攝影,五金拍攝,不鏽鋼産品拍攝,化妝品攝影,服裝攝影,家用電器攝影,燈飾攝影,衛浴攝影,皮具箱包攝影,珠寶首飾攝影,手表攝影,數碼産品攝影,商(shāng)務形象拍攝,建築室内攝影,食品攝影,其它産品攝影,攝影技巧 資(zī)深商(shāng)業攝影師推薦：劉攝影師 聯系方式13760771952 QQ532646532
界面是被人使用的
隻有用戶使用你設計的界面時，才是成功的。如果一(yī)件衣服很漂亮，但是穿起來不舒服，那麽設計是失敗的。
▲ 錯誤示範｜視覺效果非常好，但是用戶體(tǐ)驗上非常糟糕，當前狀态與主界面關聯太弱，弧形軌迹閱讀太累。
以上舉例圖片來自dribbble，如對作者冒犯處敬請諒解
Joshua Porter觀點原文：http://bokardo.com/principles-of-user-interface-design/
産品攝影,商(shāng)業攝影公司，廣州攝影,最優惠攝影公司,專業攝影公司,資(zī)深攝影師,資(zī)深修圖師,畫冊設計,專業淘寶攝影,五金拍攝,不鏽鋼産品拍攝,化妝品攝影,服裝攝影,家用電器攝影,燈飾攝影,衛浴攝影,皮具箱包攝影,珠寶首飾攝影,手表攝影,數碼産品攝影,商(shāng)務形象拍攝,建築室内攝影,食品攝影,其它産品攝影,攝影技巧
廣州商(shāng)業攝影：廣州禦圖攝影與您分(fēn)享更多資(zī)訊，請關注http://yutuad.com
資(zī)深商(shāng)業攝影師推薦：劉攝影師 聯系方式13760771952 QQ532646532
