1. 程式人生 > >《APP移動終端決勝之道視覺設計藝術》學習筆記

《APP移動終端決勝之道視覺設計藝術》學習筆記

會有 搜索 微信聊天 方式 圖形 精準 濾鏡 clas 按鈕

1.20-2.9

1.合理的層級化
2.信息的整合(短信收發件箱),信息的整合就像創建文件夾,可以將相關的東西放在一起,以便於使用者搜索與查找
3.(微信聊天界面)相比之下使用了對話框圖形的界面,元素更加豐富,界面也更加美觀,最重要的是,它能使不同的信息得到更加明顯的區分,對話框圖形就像把不同的專屬空間給了不同的信息,以此來方便用戶對於不同信息的識別。
4.(instgram濾鏡界面),可視化設計,將抽象的東西具體化,帶來了便捷與簡單的用戶體驗,讓用戶有明顯的點擊與操控感
5.格式塔理論
格式塔理論都為視覺感知現象,其中接近性、相似性、共同命運與我們的視覺系統會有著給對象進行分組來感知事物的傾向相關;與我們的視覺系統會通過解析模糊或者以查漏補缺的方式來感知整體事物的傾向相關
(1)接近性原理:利用接近性原理,調整各部分物件遠近的擺放距離,使各板塊形成視覺上的組(利用底色區分板塊,不能過分使用,利用線條區分板塊,不能過粗)
(2)相似性原理:用線或面(色塊,即不同背景色)分隔,線面結合,在分隔兩個東西時不要既用線又用面
(3)連續性原理:適當添加小圖形,添加背景,添加標識符號與說明
(4)封閉性原理:封閉or非封閉
(5)簡化對稱性原理
(6)主體與背景原理
(7)共同命運
6.視覺優化
(1)經驗影響感知
(2)環境影響感知
(3)目標與感知:我們的視覺感知會忽略與目標無關的信息,因此,主要信息與次要信息的明顯程度(例如讓次要信息以彈框的形式出現來引起註意)
(4)結構化與感知:結構化能使文字信息變得精簡(將信息整理,例如將純文字文本轉成車次信息:出行時間:等等),圖形化的添加能讓信息表現得到進一步優化,另外,應該通過交互設計隱藏過多的界面信息,,並通過顏色與圖標區分不同的信息、板塊,且應該添加線條分隔空間;對於長串的數字可以采用特定符號或空格來分隔數字,除此之外,在進行移動UI視覺設計時,也可以將文字信息分隔,加入圖形、改變文字顏色等等來提起人們對於文字的閱讀興趣,過分擁擠死板的文字會增添用戶的閱讀負擔。
7.
(1)別讓信息設計影響閱讀:MV,MUSIC VIDEO;不要輕易改變已經建立的用戶閱讀習慣
(2)當界面中擁有過多的文字信息時,我們應該嘗試著將文字信息濃縮或是分散在不同的用戶界面中,而不是通過縮小,這是種會讓用戶產生閱讀障礙的方式(過小的文字會使得用戶很難註意到這些信息)
(3)註意文字信息的識別與清晰度:例如與背景的顏色對比(但是也應該註意不能用過於強烈的對比),同時背景也不應該過於花哨
(4)註意文字信息的對齊方式:在閱讀文字信息過程中,我們的視線會自動回到與上行文字相同的水平位置,若使用居中或右對齊,這樣的經驗便會讓我們看向錯誤的位置,因此我們需要慎用文字對齊的方式,尤其是分點的信息,不太適用於居中對齊
(5)將信息放在用戶能看見的位置:推測用戶的視線走向,將想要用戶看到的東西移動到離視力的中心凹更近的地方
(6)利用圖形元素增強用戶的感知(紅色和提示符號,如紅色錯誤,綠色對勾等等)
(7)利用對比在區別中突出重點信息;使用便於用戶識別的顏色(藍-黃,紅-綠,黑-白);色彩搭配中的深淺度、面積大小與遠近關系;不要使用過於刺激的顏色搭配;註意與界面環境色彩的搭配
8.可操控性體驗
(1)用戶點擊控件時,一般不很精準,許多次的點擊都在控件按鈕以外,因此我們可以擴大控件的感應區域與範圍,並根據控件左右位置的不同,設計控件的感應範圍應向左側擴展或是向右側擴展(對於左側的控件偏右,對於右側的控件偏左)
(2)不同的功能或對象操作越一致,對於用戶的長期記憶而言便越輕松
(3)有頭便有尾,我們需要考慮到用戶很有可能會忘記掃尾的工作,應盡量加入能幫助或提醒用戶進行收尾工作的元素

《APP移動終端決勝之道視覺設計藝術》學習筆記