APP界面常用的五種顏色搭配


眾所周知,每一種顏色帶給用戶的視覺感受也是不同的。現在人們對手機的依賴程度,就能看到手機中APP的發展前景,那今天就跟大家聊聊如何通過顏色搭配的不同來進行移動端APP界面的布局和排版設計。移動端UI界面中通常是需要選取主色,標准色,點晴色。它們各自代表的含義:

  主色雖然是決定了畫面風格的色彩但是往往不會被大面積的使用。通常在導航欄/部分按鈕/icon/特殊頁面等地方出現,會有點晴,定調的作用。統一的主色調也能讓用戶找到品牌感的歸屬,例如網易紅/騰訊藍/京東紅/阿里橙等等。

  標准色:指的是整套移動界面的色彩規范,確定文本/線段/圖標/背景等等的顏色。

  點晴色:通常會用在標題文本/按鈕/icon等地方,通常起強調和引導閱讀的作用。

  常見的移動端UI界面的顏色搭配設計方案有:

  1、鄰近色配色法則:(色相環上鄰近的顏色)

  換句話說就是:選取色相環上鄰近的幾種顏色來搭配設計。

Image title

Image title

  2、同色系配色法則

  主要是指同色系配色(色相一致,飽和度不同)的配色方案:

  主色和點晴色都在統一的色相上,給用戶一種一致化的感受。

Image title

  追波網上最常見的一些APP界面設計作品:都是采用這樣的顏色搭配。

Image title

Image title

  第三種是點亮色配色法則

  主色用相對沉穩的顏色,點晴色采用一個高亮的顏色,起帶動頁面氣氛,強調重點的作用。

Image title

  比如之前追波網設計漂亮的APP界面設計:

Image title

Image title

  第四種是中性色配色法則

  用一些中性的色彩為基調搭配,弱化干擾。這種方法在移動端是最常見的方法。

Image title

  由黑色、白色及由黑白調和的各種深淺不同的灰色系列,稱為無彩色系,也稱為中性色。中性色不屬於冷色調也不屬於暖色調。黑白灰是常用到的三大中性色。

Image title

  第五種是漸變色與純色配色法則

  這種大膽的配色方案也是2017年值得關注的一個風向標。也是2017年移動端APP設計的一個趨勢。學會更大膽地使用色彩會是一個不錯的選擇。

Image title

Image title

  以上就是小編跟大家一起交流學習的五種移動端UI界面設計顏色搭配設計方案。

首發地址: APP界面常用的五種顏色搭配_絲路教程網

資源地址: http://blog.silucg.com/UI/sj/5793.html(分享請保留)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM