關於UI界面設計的幾個問題!

設計師 讀書 軟件 PS軟件教程下載 2018-12-19

界面設計通常包含有圖形與文字,是對素材取捨及表現形式的處理。在設計中,需要對設計的形式反覆推敲、琢磨,才能使其達到完美的境地。這幾經提煉而成的形式又往往受一些最基本的原理所支配,受最基本的形式法則所制約。

關於UI界面設計的幾個問題!


界面設計中的視覺流程

①主次引導。靠空間位置的主次關係來確保流程的合理性,使視覺區域的流動符合人的生理習慣。界面各元素應按視覺運動的規律給以一定的組合,形成界面的脈絡,誘導讀者的視線從主到次、從強到弱、從文字到圖像形成一個和諧整體。

關於UI界面設計的幾個問題!


②視覺中心。界面的視覺中心可以理解為:以強烈的形象或文字佔據界面的某個部位,形成界面視覺焦點。視線往往由視覺中心開始,沿著一定的方向運動。所以,把握視覺中心也就把握住編排的整體性。設計者將最有視覺魅力、最為重要的元素放在界面某區域,人為地創造界面的視覺中心,以顯示界面閱讀的起點。

關於UI界面設計的幾個問題!


③順序標記。靠明確的順序標記,藉助文字等有先後信息的符號引導流程,如 1、2、3、4 , A 、B、C、D 等,強制讀者按編排的意圖觀看,這是一種最簡單而又最有效的方法。

關於UI界面設計的幾個問題!


界面設計中的字體

文字是任何界面的核心,經過精心處理的文字材料完全可以製作出效果很好的界面。

關於UI界面設計的幾個問題!


①英文字母僅 26 個, 但字體種類至少有百餘種。在羅馬系和歌德系兩大類中,又可歸為有襯線字體與無襯線字體。有襯線體相當於漢字的宋體,其特徵是豎筆較粗,橫筆較細,有古典的優雅之美。無襯線體則相當於漢字中的黑體,所有筆畫粗細都一樣,富有時代感。英文字體的結構與漢字有明顯的差異,漢字能容納在一方塊內,而英文字不僅有大小寫,而且每個字的排列結構均不同,設計編排時更要注意它們間距的視覺美感。

關於UI界面設計的幾個問題!


②中文字體大致可歸為:宋體類、黑體類、圓體類、書體類。字體不斷的發展基本來源於這幾種常用字體,並在此基礎上不斷革新與演變。在一個界面中,一般只使用 3、4 種字體, 多了就會引起視覺上的混亂。將原有字體加粗、變細、拉長、壓扁或變化字號大小,都可增加界面設計的變化手段。

關於UI界面設計的幾個問題!


界面設計中的圖片

界面中的圖片,廣義理解為除文字外的一切有形部分,它包括加工剪裁的照片,人工手繪的插圖,電腦製作的圖像等。圖片在傳遞形象信息,吸引讀者的注意力,美化界面等方面具有獨特的魅力。一幅合適的圖片,將勝過千言萬語,但如果使用不當,也將影響界面的效果。它們的構成,可從形狀、數量、大小、方向、組合等方面加以變化和創新。

關於UI界面設計的幾個問題!


①界面設計者常常面臨一項繁重的工作,即圖片的選擇。一個學科、一個課程、一個專題、可能拍下幾十張照片、而能採用的通常只有兩三張,這就需要設計者對圖片的選擇應儘可能精選,避免重複,少數幾張能說明問題就沒必要重複使用更多圖片, 以保證足夠的尺寸,提高圖片信息量。文字說明儘量放在圖片下邊或右邊,這更符合讀者的視覺習慣,否則容易影響閱讀速度與準確性。

關於UI界面設計的幾個問題!


②完整形。將圖片以規整、單純的幾何圖形加以剪裁,如以方形、長方形、圓形、橢圓形等加以規範與限制,將主體形象與環境共融,富有情節性,能完整地傳達主題思想,是常見的圖片形態。出現在畫面時,常使人有安定、穩重、端莊的感覺。

關於UI界面設計的幾個問題!


③退底形。將圖片中精選出的圖像沿圖像邊緣剪裁而保留輪廓的圖形,此圖形離開了特定環境的限制,自由而突出,給人帶來輕鬆、活潑的感覺,創造出富有個性的畫面。與完整圖形的嚴謹性相比,它更具感性、更加生動。

關於UI界面設計的幾個問題!


④“出血”形。“出血”形即將圖形充滿界面,無邊框限制,有向外擴張與舒展之感,由於“出血”界面的動感,增強了與人親近的效果。

關於UI界面設計的幾個問題!


界面設計中的色彩

界面設計師要考慮讀者最初一瞬間的色彩感覺,牢牢地捕捉住他們的眼光,以達到引起關注的目的,使設計的圖例、照片、字體與空間等關係與色彩一起變成一種視覺化、形象化的語言,以達到更有效的傳遞目的。

關於UI界面設計的幾個問題!


①整體色。整體色是指界面主要傾向於某一色調。不同的色彩表現不同的情感,根據設計主題選用不同色彩,將有利於情景交融的溝通。在表現這些色調時,色彩所體現的感覺將有效地突出主題內涵,創造主題特有的情調。

關於UI界面設計的幾個問題!


②重點色。在同調的色中,局部加上不同調的色,形成視覺美點。色彩的點綴在界面中產生一種緊張感,成為整體的一個著力點。點綴的色應該採用小的面積,並與其它色形成強烈反差,以加強吸引力,形成視覺中心。

關於UI界面設計的幾個問題!


③對比色。畫面上冷暖色對比,同時佔有相同面積及地位。界面上兩色不分主次、對比強烈、色彩華麗、裝飾性很濃。

關於UI界面設計的幾個問題!


如何領取150G設計教程?

1.關注PS軟件教程下載

2.評論或轉發都可以。然後私信我:150

私信功能在我的主頁,點我的頭像後在右上角就可以看到

覺得我贈送的資源還不錯的,請回來評論一下,謝謝!

相關推薦

推薦中...