手機UI視覺設計構圖的基本法則_第1頁
手機UI視覺設計構圖的基本法則_第2頁
手機UI視覺設計構圖的基本法則_第3頁
手機UI視覺設計構圖的基本法則_第4頁
手機UI視覺設計構圖的基本法則_第5頁
已閱讀5頁，還剩5頁未讀， 繼續免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

1、.手機UI視覺設計構圖的基本法則蘋果手機的UI視覺設計構圖都是我們值得去學習的好案例。這節課主要講解UI視覺設計構圖的基本原則。1、什么是構圖？構圖就是有限的畫面中，將各種元素進行合理地布局和安排，使圖形和文字在畫面中達到最佳位置，產生最優視覺效果。構圖是整個畫面的骨架，決定了視覺營銷界面是否準確的表達主題，吸引用戶注意。2、構圖的四項基本法則分別為：均衡、對比、律動、視點今天跟大家分享的主要從APP引導頁設計，APPbanner圖設計說起，這四項基本視覺構圖法則適合偏平面設計。當然這也是大家學習APP ui設計的基本理論知識。當然一個完整的引導頁界面包含：主題圖、背景渲染圖、文字、點綴圖以及

2、動畫元素組成。第一條構圖法則：均衡各元素在布局上保持視覺重量的平衡和勻稱，從而使視覺界面具有平衡感和穩定性。堆成是均衡的一種極端情況，平衡感和穩定性很強，適合表現但局限性較大、缺乏變化。視覺構圖的理論模型圖如下：第二條構圖法則：對比在視覺界面中通過大小對比、字體大小、粗細對比、疏密對比、曲直對比等形式來突出和強化主題，引起用戶關注。視覺構圖的理論模型圖如下：第三條構圖法則：律動可以理解為有節奏、規律、跳躍、動感等元素。起引導用戶的視覺軌跡的作用。研究表明，畫面右上角最能吸引人的關注，而左下角對人的吸引力最小。律動能給人視覺上富有規律的節奏效果，進而吸引用戶了解APP界面內容。視覺構圖的理論模型

3、圖如下：第四條構圖法則：視點即 視覺的中心點或者是視覺焦點 跟我們拍照的時候，需要頂一個焦點。也是視覺傳達要素的核心點。視點：即畫面的視覺中心。構圖的視覺中心一定是界面最重要的內容，也是必須讓用戶了解的內容。視覺中心常常在畫面中八分之五的地方，以此為基礎進行視點構圖，能更突出地表現視覺主題，并將用戶的注意力集中到主要內容上。視覺構圖的理論模型圖如下：所以，均衡、對比、律動、視點就是UI視覺設計構圖的四項基本法則，大家必須會充分理解和會使用。希望下面的5個視覺設計基本表現手法，值得大家好好的理解和使用。 秩序法：均衡、對稱、擴大縮小、平行位移等有秩序有節奏地構圖，制造形式美。 對比法：色彩、形狀等的對比，給人鮮明生動的視覺印象。 元素法：強化點、線、面構圖元素，創造視覺交響，寓多樣性于個性之中。 矛盾空間法：顛倒、錯位、鏡像，在空間上構成特殊性，產生一種無限可能、無限發展、無

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論