迷迭麋鹿 2022-05-17

互動區視覺設計先從平面構成視覺草圖開始,可透過疏散構成法完成互動區平面構成元素鋪排。

在APP視覺介面設計中，傳達的是設計者自身的情感和寄託，透過整體和單體的整合，實現傳達的行為和資訊的目標。整體代表的是層級，而單體表達的是單個個體所要傳達的資訊，將單個個體所要傳達的資訊和層級相整合，共同來達成最終的目標。

1、顏色顏色的選擇十分重要，由於它的高分辨性，對介面的影響比形狀、大小等要大，處於人的視覺關注區的上層。利用顏色，要把使用者的目標、環境、內容和品牌放在優先的位置，其次才是去考慮這個顏色本身。在介面設計中，單個元素的顏色選擇不僅在於元素自身所要傳達的資訊，更在於它在整個層級中所處的地位。文字文字的屬性包括字型、字號、字的顏色。對於字型，主要考慮的是可讀性要強，比如澎湃新聞APP使用的就是宋體，傳達出一種嚴謹、莊嚴的感覺，因為這是一款專注政治新聞的APP。字號的選擇也十分重要，它本身就帶有有序的特徵，不同大小的字號體現了不同的層級。大小大小這個屬性是一個有序並且可以量化的參量，不同大小的元素排布在一起，大的顯然有更強的吸引力，最重要的“書店”被中間那個最大的圓所表示。而量化，比如wifi訊號、電池電量這種小icon，大小這一屬性被量化，並和所要代表的含義緊密相連。但大小的錯誤運用，會降低其他屬性的作用，比如元素太小的時候，該元素的形狀屬性在使用者眼裡就發揮不了太大的作用。形狀形狀相比前面所提到的大小、顏色，需要使用者更高一級的分辨能力，簡單的形狀多用於分割，將所要表達的部分和其他的部分相區隔，比如一個按鈕的邊框，它為了告訴使用者，這是一個可以進行互動的控制元件，吸引使用者點選。而複雜的形狀本身就帶有傳達含義的作用，像一個人像形狀的ICON，為的是告知使用者，這個ICON可以跳轉到個人使用者頁面；而像很多應用的專屬圖示，都會有特定形狀的標示物。合理的運用形狀可以傳達豐富的資訊以及劃分層次。紋理紋理的運用雖然在扁平化大行其道的今天顯得尤為低調，但它所能傳達的能供性還是非常強大的，能供性在《設計心理學》這本書中是這樣被定義的——事物所感知到的及其實際的屬性，主要是那些能決定事物可能如何使用的基本屬性。也就是說，我們認為這個物件能做什麼。比如一個表面帶有橡膠紋理，一般人都會覺得這是一個可以抓握的東西，比如一個按鈕帶有陰影而顯得凸出於本身的介面，似乎是在告訴使用者這是一個可以點選的控制元件。科技產品不斷融入大家的生活，使用者可以很好的理解這個科技產品是如何操作的，這時推廣扁平化設計不僅提高了使用者的操作效率，而且讓資訊和內容可以更加高效的傳達。但隨著AR、VR逐漸登上舞臺，利用這更高維度的特性，擬物化設計也許可以透過一種新的方式重歸人們視野。