APP設計基礎篇UI視覺設計構圖的基本法則

蘋果手機的UI視覺設計構圖都是我們值得去學習的好案例

這節課主要講解UI視覺設計構圖的基本原則。

1、什么是構圖？

構圖就是有限的畫面中，將各種元素進行合理地布局和安排，使圖形和文字在畫面中達到最佳位置，產生最優視覺效果。

構圖是整個畫面的骨架，決定了視覺營銷界面是否準確的表達主題，吸引用戶注意。

2、構圖的四項基本法則—分別為：均衡、對比、律動、視點

25學堂今天跟大家分享的主要從APP引導頁設計，APPbanner圖設計說起，這四項基本視覺構圖法則適合偏平面設計。當然這也是大家學習APP ui設計的基本理論知識。

當然一個完整的引導頁界面包含：主題圖、背景渲染圖、文字、點綴圖以及動畫元素組成。

第一條構圖法則：均衡

各元素在布局上保持視覺重量的平衡和勻稱，從而使視覺界面具有平衡感和穩定性。堆成是均衡的一種極端情況，平衡感和穩定性很強，適合表現但局限性較大、缺乏變化。

視覺構圖的理論模型圖如下：

第二條構圖法則：對比

在視覺界面中通過大小對比、字體大小、粗細對比、疏密對比、曲直對比等形式來突出和強化主題，引起用戶關注。

視覺構圖的理論模型圖如下：

(編輯：小酷)