[ 平面理論教程 ] 幫你大幅度節省時間的四個設計利器- 設計教程 - 骨子愛創意

教學主題: 幫你大幅度節省時間的四個設計利器

大家好!! 小編今天來和大家分享關於 設計教程中的平面理論教程教學

今天的這個教學主題是: 幫你大幅度節省時間的四個設計利器

這教學的重點為這幾點 [ 利器,設計,時間,節省,大幅度,字體,色彩,用戶,不同,UI ]

希望你可以從這幾點中領悟到修圖的精華

本文重點

隨着用戶對UI的喜好開始偏向簡約，設計師有必要將整個UI簡化剝離至基本狀態，因為保留關鍵元素才是成功的鑰匙。從某種意義上說，極簡主義的設計是形式和功能的完美結合。它最大的優勢在於形式上的清晰直觀――簡潔的線條，大量的留白，優雅簡約的圖形元素，賦

隨着用戶對UI的喜好開始偏向簡約，設計師有必要將整個UI簡化剝離至基本狀態，因為保留關鍵元素才是成功的鑰匙。從某種意義上說，極簡主義的設計是形式和功能的完美結合。它最大的優勢在於形式上的清晰直觀——簡潔的線條，大量的留白，優雅簡約的圖形元素，賦予整個設計以簡約乾淨的感受。即使是最龐雜的內容，在這樣的設計之下都顯得直觀而幹練，當然，如果設計的足夠高效的話。

極簡風的APP設計通常要具備幾個特徵：簡潔，清晰，一致，並且可用。你的APP的交互體系應當通過清晰的視覺傳達方式幫用戶定位並解決問題。要做好這一點，並不容易，因此，一個集優雅極簡的設計和優秀的易用性於一身的應用，一定會給人留下深刻的印象。要做到這一點，你可以從下面幾點着手：

簡單的配色方案

考慮到太多的色彩可能會給用戶以負面影響，所以盡量簡化配色方案，提升用戶體驗。有許多預設的配色規範和配色方案可供參考，可以以此為基礎創建新的解決方案，並且這種思路尤其適合初學者：

·單色配色：單色配色方案通常是由特定色彩的不同深淺、不同色調所構成。通過調整這一色彩的飽和度、明暗來生成協調的配色方案。

·類似色配色：色輪上彼此相鄰的色彩是類似色，它們能在色彩上營造出協調而連續的感覺。雖然這種配色不是那麼好把控的，但是有訣竅，就是注意選取有感染力的色調作為核心，這樣可以最大化利用整個方案。一套類似色的配色方案通常是在色輪的同一區域內選取色彩搭配而成。

模糊效果

模糊效果出現在極簡化UI設計中是一件非常符合邏輯的事情，因為它先天就能夠強化UI的層次感。多層次的UI結構中，模糊效果使得用戶能更容易分辨前後層級的差異和前後關係。而模糊效果同時也賦予了UI設計師探索不同菜單和布局設計的可能性。

雅虎天氣APP 中，每個不同的城市都會有一張漂亮精緻的照片，只需一個點擊你就能看到看到關於這個地點的更詳細的關鍵信息。相比於用一個全新的界面來遮蓋漂亮的背景，雅虎的設計師讓背景模糊虛化，以保留UI的使用場景，不會讓用戶有跳出界面的感覺，而模糊的背景和前景的內容又構成了良好的對比度。這樣的交互更加直觀微妙，主界面和詳細信息之間的聯繫又足夠緊密，邏輯清晰。

一個APP，一種字體

幾種不同的字體在一個APP中混用，會讓你的APP顯得散漫而馬虎。減少屏幕上字體類型的數量，可以強化排版的效果。當你設計APP的時候，盡量試圖通過控制同一字體的字重、樣式、尺寸和色彩來營造不同的布局體驗，而非換不同的字體。

當你在為你的APP選擇字體的時候，選擇平台的默認字體可能是最安全穩妥的選擇：

·蘋果公司目前在全平台上使用的是San Francisco字體，iOS 9 上將這種字體標記為 SF-UI。

·Roboto 和 Noto 則是Google Android 和 Chrome 上的默認字體。

聚焦數據

你應當使用大字體和醒目的色彩來讓特定的數據成為視覺的焦點。普通的數據和內容使用中性的黑白灰來展現，而關鍵的數據則使用強對比的色彩，起到行為召喚的作用，這樣可以讓用戶的注意力更加集中。

明亮的色調+中性的色調是最容易搭配的方案，同時也是視覺上最引人注意的方案。

被放大的字體和更加顯眼的色彩無疑在整個界面中更加具有視覺吸引力，無需更多的提示，用戶就知道眼睛應該看哪裡。

通過空間分隔元素，而非線條

設計師常常會用線條來分割區塊，表明界限，劃分屏幕功能區域。但是當界面元素多起來之後，這些邊界、襯線、分隔線會讓整個界面擁擠不堪。

精簡分割線會給你一個乾淨、現代且功能突出的界面。想要分割、區分不同的元素，方法有很多，比如使用色塊，控制間距，添加色彩和內容，等等等等。谷歌日曆就是一個相當好的例子，適度的陰影，明快而易於聚焦的色塊，充滿呼吸感的間距，讓不同的區塊、內容都清晰的分隔在屏幕上不同的地方。

圖標：線條和填充

圖標是UI設計中的重要元素，也是視覺傳達的主要手段之一。圖標應當是簡約的，作為視覺元素它應當能讓用戶立即、快速的分辨出來。iOS 7 之後的iOS系統就開始走上簡約的設計路線了，其中圖標大多使用了線條和填充式的設計：

iOS 的時鐘圖標的兩種樣式

看看界面底部的Tab菜單欄，它作為應用內導航使用的時候，通常是常駐於底部，所以當用戶進入某個功能模塊的時候，需要高亮某個圖標，讓用戶明白他們所在的地方。這個時候，灰色的線性圖標表示為未選中的狀態，而填充上鮮艷藍色的圖標則用來表示選中的狀態。這樣一來，這些圖標的可用性就顯得相當不錯了。

貼心提醒: 按Ctrl+Alt+Z和Ctrl+Shift+Z組合鍵分別為在歷史記錄中向後和向前 ( 或者可以
使用歷史面板中的菜單來使用這些命令 )。結合還原 ( Edit／Undo )命令使
用這些熱鍵可以自由地在歷史記錄和當前狀態中切 換。

結語

簡約的UI設計配合目前的新技術，是創造良好設計和優秀產品的手段。極簡的設計本身並不是設計的目的，打造簡單而更加富於功能性的UI才是終極的目標。用直觀的流程，清晰的視覺來構造一個無縫的交互體驗，這是極簡風APP的價值所在。

看完小編分享的教學之後 是不是對平面理論教程中的設計教程教學更熟悉了呢?

希望我們所介紹的 幫你大幅度節省時間的四個設計利器 這教學會喜歡

文章標題: 骨子愛創意- 幫你大幅度節省時間的四個設計利器–轉載請註明來源處

本教學分類為平面理論教程中的 設計教程相關教學

文章相關關鍵字為: 利器,設計,時間,節省,大幅度,字體,色彩,用戶,不同,UI

本文永久連結 :幫你大幅度節省時間的四個設計利器

本文轉載自 :VIA