火星網校
如何快速有效的學習UI
發(fā)布時間：2023-12-02 20:26:16 瀏覽量：166次
最近做了一組圖標練習，通過這次設計小練習，總結和分享下對現在比較流行的線性圖標和插畫風圖標的一些思路和方法和大家分享一下
我們在設計或者繪制圖標之前，首先要搞清楚圖標的定義，圖標到底是什么，為什么要畫圖標等等。圖標是具有指代意義或者象征某種特殊含義的圖形，在不同場景下圖標的表達含義也會有不同。
一個好的圖標，應至少具有三個特征：?指代性——就是象征具體某個事物或含義。?識別性——因為有了指代性，圖標本身應具有一定的識別性和辨識度，避免誤讀、抽象主義等。?審美性——一個優(yōu)秀的圖標，在視覺上也應有良好的表現。
現在的圖標風格大致可分為擬物化和扁平化，兩者都有自己的優(yōu)勢，很難說到底是擬物好，還是扁平好。但在這個信息技術和互聯網快速發(fā)展的當今，扁平化快速，簡單，直接的信息表達更能迎合這個時代。
而現流行的扁平化風格主要有以下幾種，設計風格因時代而變，以后甚至會出現更優(yōu)秀的風格，讓我們拭目以待。
大多數初級的設計師在作一些圖標設計和練習時常常會選用素材／臨摹這種方式，而我認為用素材／臨摹是相對低輸入和低產出的方法，雖然我并不是很排斥這種學習方式，但是我們是否能找到一種高效高產出的學習方法呢？
那么今天我就以線性圖標和插畫風格的圖標做圖標設計的思路和方法給大家。（以下圖標來源于網絡，作者名忘記了，不好意思，如有侵權，請與我取得聯系）
線性圖標是一種簡約，概括，可以說跟早期的印象主義有一些關系。細節(jié)想對比較少，我們這里稱它為“減法圖標”。細節(jié)比較豐富，有一些裝飾元素、描邊風格、色塊填充，材質填充等一系列圖標風格都可以說是插畫圖標，我們在這里稱它為“加法圖標”。
我們先來看兩張圖，可以充分表達圖標設計的核心：“形”，這是圖標的核心思想。
一個圖標的形決定你表達的圖標的含義，所以經常有一些小伙伴會遇到這樣的問題，“這個圖標不太像啊”“這個圖標是什么啊”
那首先，我們在找一些元素或者素材本身的時候，需要確定元素本身的形，就是我們之前強調的圖標本身的識別性。
對應剛才的圖標做了個小練習，分別是咖啡，狗，植物。在一定場景下，結合生活本身，圖標也賦予了更多的含義。比如，咖啡可以代表休息。
那接下去是我具體設計圖標的一些方法。第一步：靈感、素材的收集。
這次練習找的素材是蘋果的五個產品，iphone\ipad\ipod\macbook\wacth,你可以百度，也可以去蘋果的官網下載素材。
第二步：思考。在設計任何一個圖標作品時，我們應多思考，多理解。首先我們要去看圖標素材的形體結構。
思考，分解，概括。所有物體都離不開立體幾何的拼接，比如下圖macbook的外輪廓是由一個圓角矩形和長方形組合而成。通過這樣的方法，不管什么物體，我們都可以對它的外形進行一次幾何分解和組合。得到最終的圖形。
第三步：繪制。機械制圖加減法，這是我自己取的名稱。很多工業(yè)設計的同學應該都學過機械制圖，有興趣的同學也可以學習下。加減法，之前有提到，線性圖標風格對應的是減法，插畫風格圖標對應的是加法。
物體本身都可以通過機械制圖的方法去繪制它的不同視角的視圖，我們可以通過學習這種方法，僅僅只需要一個角度的物體用線稿的方式繪制出來，這是繪制圖標的第一步，也是非常重要的一步：“形”的準確性。
這次借助的設計工具時SKETCH（強烈推薦啊，好處我就不多說了。沒有mac的小伙伴裝個黑蘋果吧，雖然我沒有試過。。。）用到的工具主要為上面幾個：形狀，鋼筆，裁剪。
這是產品的立面圖，通過剛才說的機械制圖原理繪制的圖標。
減法圖標——一些圖標，尤其是移動端，圖標的按鈕大小決定了圖標細節(jié)的取舍。線性圖標是圖形的提煉和概括。
加法圖標——細節(jié)豐富的插畫圖標。通過添加描邊，填色，漸變，陰影、裝飾等細節(jié)來豐富圖標。
"關注”另外再送你免費PS等學習課程哦！
私信回復“學習”領取UI及ps課程等海量資源。
熱門課程推薦
熱門資訊
-
怎樣可以提升你的UI設計能力!第一個:站酷站酷想必是設計師都知道的一個網站,里面不止有UI設計的資源,還有其他設計的,不如:平面設計、網頁設計、字體...
-
2. iPhone6的UI設計尺寸規(guī)范，原來如此重要！
想要了解iPhone6界面設計的尺寸規(guī)范嗎？這里為您詳細介紹iPhone6的UI設計尺寸規(guī)范，包括界面尺寸、圖標尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
-
3. 移動端UI設計中常見的5種APP界面類型，你get到了嗎？
通過介紹移動端UI設計中的閃屏頁、引導頁、浮層引導頁、空白頁和首頁等5種APP界面類型，幫助大家更好地了解UI設計的基本知識
-
4. 12個絕佳的UI設計網站，助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設計網站,這些網站不僅可以為你提供靈感,還可以幫助你學習新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設計師的...
-
在移動端設計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設計能夠讓用戶輕松地獲取信息并產生點擊欲望,從而提高點擊率。本文將為你...
-
6. 史上最全，平面設計UI設計必備的77個國內外素材、設計資源網站
ui設計社區(qū),大神太多了。3、behance: https://www.behance.net/ ,著名設計... 對于品牌設計師來說,除了圖案素材收集之外,還有一個很重要的,就是設計故...
-
對于想要提高自己的設計能力和創(chuàng)造力的小白和UI設計師來說,這本書是一個很好的選擇。4.《設計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現代平面...
-
8. 設計中的色彩心理學:淺析中西方色彩的歷史演變與設計應用
摘要:本文探討了色彩的歷史演變和設計應用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設計中的重要性以及新興技...
-
想了解武漢UI設計培訓班的費用是多少嗎？不知道學UI設計要花多少錢？不妨看看這篇文章，了解UI設計培訓班的學費價格以及學習內容。
-
探索零基礎UI設計培訓的時長與薪資前景。了解數字藝術教育領域的專業(yè)課程，以及培訓后的職業(yè)發(fā)展機會。
最新文章
