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

標籤：video   中心   方便   關係   筆記   添加   提示   理論   背景   

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移動終端決勝之道視覺設計藝術》學習筆記