介面設計包括哪些細節 如何深入?

2021-06-23 03:55:57 字數 1026 閱讀 1627

來自知乎上的乙個問題:介面設計包括哪些細節、如何深入?,以乙個苦逼死美工的角度補充了一些小細節:

●介面元素的對齊,我見過很多同學對齊是永遠靠眼睛的。確實在布局的時候經常需要做到視覺上的對齊,而不是機械的對齊,但這不是介面元素可以隨意擺放的藉口,該對齊的內容需要對齊,有時候只是舉手之勞,養成好習慣很重要,有點強迫症也不是壞事情。

●畫素精確,雖然現在的解析度越來越高,但是很多圖示、按鈕的邊緣還是最好都檢查一遍保證垂直和水平邊緣不會被虛化。

●介面光源的一致性,一致性是個很大的課題,應該能寫一篇**那麼長,細節方面的一致性應該包括介面元素、文字陰影、圖示等的光源。假設深色的標題文字用了向下的淡色投影表現內凹效果,那正文就應該避免用深色的文字向上投深色的陰影

●圖示面積的一致性,這也是乙個一直難以避免的問題,而且有很多主觀成分,最好的方法是設計的時候放到實際螢幕上以較遠的距離檢視,是不是有哪些會特別輕或特別重,然後再去調整尺寸

●文案,雖然這不是直接的介面設計元素,但是嚴謹、完整的文案也是給所有設計加分的。常見的問題有中文錯別字、英文該大寫的沒大寫、拼寫錯誤等等

●別直接使用 windows 自帶宋體 / 黑體裡的英文!!!這個不解釋

●謹慎地使用高飽和度顏色、大差別漸變,我們 gui 設計師總喜歡把自己當做藝術家,即使 gui 真算藝術那也是限制最大的一門藝術(**的電影、電視劇集不算。。。),大家大部分情況下遇到的設計場景沒有非常大的顏色空間去發揮,所以一些醒目出跳的顏色和漸變使用起來要比較小心,否則很容易產生「俗氣」的感覺

●適當的留白,留白是個很好的東西,尤其是當老闆 / 客戶 / pm 要求你做一些「大氣」的設計時候能成為乙個很好的說辭,但是留白同時也很難掌握度,過度的留白有時候會起到反作用,讓我們的作品看起來沒有細節、內容空洞。就跟那些學畫畫的同學在電腦上畫圖經常水平映象檢查畫面一樣,有時候我也會把做到一半的設計去色、然後反白,看看那時候畫面裡的黑色會不會產生一種令人恐怖的感覺(好吧,我承認我是個很感性的同學,很多設計思路和方法都不夠科學)。。。

如何優雅的定義 App 的介面設計

使用者體驗設計的概念非常廣泛,包含了使用者 挖掘使用者潛在動機和實用性 視覺沒感體驗等等,通俗來講,如何讓你乙個產品給使用者很爽的感覺,其中包含的知識和方法都是使用者體驗的一部分。1,擬定你的設計範圍 2,整理你的資訊架構 3,考慮資訊的不同狀態 4,考慮資訊的多樣性 5,考慮產品的視覺美感 下面還...

APP介面設計規範 如何定義視覺規範

時間 2015 09 10 16 38 34 devstore 原文 墨刀 axure after effect 用來製作互動複雜的產品原型。第一階段 概念設計和原型設計 包括腦圖設計 線框圖的設計等等。第二階段 視覺定義階段。確定了使用哪些字型 顏色 布局 形狀等元素。主要頁面的布局與視覺風格需要...

如何寫出風趣的日曆(1) 介面設計

需求分析 需要做一款可以通過winform 自己繪製的月曆,原因是可以通過這種方法進行在月曆下製作日程,如圖所示 一 製作須知 1 需要用picturebox將 組合起來,並且在picturebox上面增加label 2 label的作用是為了顯示切換月份的時候需要重新對label賦值 3 需要編寫...