每周臨摹練習第六期總結:小icon大學問

2021-12-30 非科班設計

規則和內容詳見:每周臨摹練習第六期:icon

本次一共交了32份作業,以下是大家的部分練習。

還是鼓勵大家能夠自己做系統的總結,比如這位小夥伴。

連結傳送門:http://www.ui.cn/detail/233112.html

什麼是圖標?

圖標是21世紀的洞穴巖畫。icon一詞來源於拉丁語「eikon」,意思是「相似,形象」,可以追溯到公元1565年。人類從很早以前就用圖標來與他人溝通,比如巖畫,埃及的象形文字等都屬於圖標。它是世界上最通用的語言,可以無障礙的在不同的民族,年齡之間傳遞。

時至今日,大家一提到icon主要想到的是界面中的icon,但其實icon在生活中無處不在。交通標誌,運動會的標誌,就連你天天在廁所見到的標誌都屬於icon的範疇。

到了現代,GUI是圖標設計史上一個巨大的章節,它涵蓋了圖標設計史上所有的裡程碑,早期的計算機界面是純文字沒有圖標的,從沒有圖標到有圖標,從簡陋的圖標到精緻的擬物化圖標,再從擬物化到現在的扁平化圖標。整個GUI圖標的演變史可以在下面這個網站看到:https://historyoficons.com/

另外還推薦兩本關於圖標的書:一本是《The.Icon.Handbook》,另外一本是《零ZEЯRO》

ICON和LOGO的區別

LOGO是品牌設計的一部分,而圖標是功能可視化的方式。但是現如今很多應用的大圖標也兼具品牌識別的功能。簡單總結一下LOGO和圖標的差別:

圖標通過視覺設計提供信息和引導,而LOGO則是品牌信息的展示

並不是每一個企業都需要圖標,但是每個企業都需要LOGO

圖標是品牌LOGO的伴生產物,並且作為視覺CTA而存在

LOGO可以縮放,而圖標通常是像素精準的(不可縮放),圖標需要製作成特定尺寸大小的,縮放會導致信息丟失

圖標是用來豐富並簡化用戶體驗的一種導航工具

拓展閱讀:《LOGO和圖標,你真的明白兩者的異同點麼?》

ICON設計指南

1、視覺規範

GUI上的ICON分為功能圖標應用圖標,應用圖標限制不大,大部分的擬物化的圖標也都是應用圖標。而功能圖標中又分為:可以點擊的按鈕圖標和不可點擊的展示圖標。一套視覺統一的功能圖標需要按照給定的圖標參考線繪製,如下圖:

圖標的繪製規範的相關文章:

http://www.uisdc.com/icon-design-rules

http://www.uisdc.com/6-icon-design-advanced-skills

http://www.zcool.com.cn/article/ZNDAzMDQ0.html

http://www.ui.cn/detail/122905.html(擬物化圖標的一些繪製原理)

優質icon設計的6個簡單步驟(上)優質icon設計的6個簡單步驟(下)

2、好ICON的評判標準

我們在應用上大量使用的圖標是否可用?唯一的方法就是對這些圖標進行用戶測試。不同方法可以解決圖標可用性的不同方面,判斷圖標是否可用可以從以下4個量化指標來測量:

發現性:用戶能否發現頁面上的圖標;

理解性:用戶能否理解圖標的意義;

預測性:用戶能否猜到圖標點擊會發生什麼;

吸引力:圖標是否美觀;

篇幅有限,具體的測試方式,可以看這篇文章:

《好圖標怎麼做?教你從四個方面來評價圖標設計的質量》

http://www.uisdc.com/good-icon-evaluation-standard

3、ICON設計的常見問題

Q1. 如何製作大小統一的圖標:運用網格以及進行視覺矯正

Q2. 如何製作風格統一的圖標:只使用一種風格的圖標、技巧,採用相同的大小,元素,顏色。

Q3. 製作的流程、方法是怎麼樣的:AI 用於創建基本的形,PS用於設定樣式

Q4. icon需要配上文字麼?附帶識別icon含義的小測試 http://www.motionbrothers.co.uk/signified/(需翻牆)

問題的解決辦法,詳見這篇:

《在畫圖標的時候你會遇到的一些問題》

http://www.ui.cn/detail/205455.html

4、IconFont是什麼?


大家都知道阿里巴巴的 www.iconfont.cn/ 上有很多圖標資源下載,但是卻不一定清楚IconFont真正的意義。icon-font,從字面上理解就可以看出,把圖標和字體結合的一種技術。它主要應用於現在越來越多的跨平臺設備中。其實它用到的是SVG矢量圖形,其實很早就存在,只是設計同學沒有怎麼接觸。

IconFont主要有以下幾個優點:

無論你是什麼解析度,是否retina,無論你怎麼放大(一定極限內),它可以保證圖標不會出現任何模糊;

可以通過css直接控制圖標大小、色彩甚至是投影和浮雕等效果;

一份字體文件可以存放很多圖標,調用管理非常方便;

容量非常小,30個圖標只有20k不到的文件大小;(因為它是矢量的)

具體的製作方式可以參考以下幾篇文章:

http://www.ui.cn/detail/120674.html

https://zhuanlan.zhihu.com/p/19564505

https://www.zhihu.com/question/25952487

http://www.iconfont.cn/help/platform.html

ICON資源網站

最後再給大家推薦幾個icon下載資源網站吧。

https://icons8.com/

擁有 42,800 個免費圖標,提供各個平臺的基礎圖標與分類圖標,其特色是大小和顏色隨意自定義。

https://www.iconfinder.com/ 

哥本哈根一個團隊做的 icon 專業圖標網站,擁有 1563889 個圖標和37058圖標集,是最專業的 icon 圖標網站之一。

http://iconfont.cn/

國內功能很強大且圖標內容很豐富的矢量圖標庫,提供矢量圖標下載、在線存儲、格式轉換等功能,是阿里媽媽 MUX 組業餘時間做的的矢量圖標管理、交流平臺。

https://thenounproject.com/

國外三位設計師 2010 創建一個收錄、並可免費使用高清符號圖示的媒體庫,包含25個語言版本,每天都有來自世界各地的設計師提交新 icon。

http://www.flaticon.com/

搜索海量扁平化圖標,讓圖標搜索和轉換變得非常簡單和快速,並提供常用格式 SVG、PSD 源文件和 PNG 下載。

https://iconstore.co/

Icon Store 提供高質量的免費的/收費的圖標,包括卡通風格圖標,極簡主義圖標,扁平化設計風格圖標,手繪風格圖標,像素風格圖標等等,也包括各種類型主題圖標,比如聖誕節主題圖標,情人節主題圖標,天氣圖標,辦公室圖標,動物圖標,美容美髮圖標等等。

最後


強調下通過臨摹自學的方法:


找到想臨摹的圖 → 搜集很多張同類的圖 → 從中總結規律 → 按照自己總結的規律開始臨摹 → 遇到各種問題 → 通過自己找教程、問人等方式解決問題 → 臨摹完成


你遇到的問題都將變成了自己的能力

相關焦點

  • 第九期臨摹練習:視覺規範
    上一期戳這裡:第八期臨摹練習:視頻播放頁臨摹的價值可以參考如何用臨摹來提升你的設計能力
  • #105企鵝工作室每周一繪:跨年(104期上榜作品)
    12期-yo_sucre-原創19期-紅兒-原創冬至願你的世界永遠充滿歡樂大家冬至快樂,加油7期-迪人兒-原創17期-安晴-照片臨摹前幾天看到故宮下雪的攝影作品滿城白雪皚皚真的很漂亮啊來自南方人的羨慕11月班-Candisem-原創大雪初霽迎冬至
  • 青年大學第十季第六期課後答案:第十季第六期課後習題全部答案匯總
    青年大學第十季第六期課後答案:第十季第六期課後習題全部答案匯總時間:2020-11-24 23:33   來源:今日頭條   責任編輯:毛青青 川北在線核心提示:原標題:青年大學第十季第六期課後答案:第十季第六期課後習題全部答案匯總 每一期都有相對應的學習主題,所以各位一定要好好學習,不然是無法沿用之前的知識的
  • 練習書法,平時臨摹可以,一創作就什麼也不會了怎麼辦?
    有網友問我:練習書法,平時臨摹可以,一創作就什麼也不會了怎麼辦?這是很多書法學習者都會遇到的一個問題,就是平時對著書法字帖臨摹的時候寫的還可以,單個字也很好,但是一到了創作,書寫水平就恢復如初,似乎和沒練過書法的人沒什麼區別,什麼也不會了。
  • 瘦金體字帖臨摹好還是凹槽,凹槽練字板有無效果看完不用到處問了
    瘦金體字帖臨摹好還是凹槽,凹槽練字板有無效果看完不用問我了瘦金體是確實是漂亮的字帖,在小編第一眼看上去就被吸引住了,如果你說他不夠厚重吧,但是又很有勁兒,看上去,給人一種乾乾淨淨,勁頭十足,又很有特點的字。筆畫的特點也比較突出總有一種看不完,看不厭的感覺。
  • 「臨摹素材分享」古風建築線稿素材,零基礎場景臨摹練習
    喜歡古風的小夥伴就不要錯過這波素材分享了,以下都是有關中式古建築的線稿,可以給大家用作臨摹的線稿素材,可以讓你很好地了解到有關場景的透視,也能通過練習,畫出好看的古風場景,作為自己繪畫插畫的素材使用,事不宜遲,趕緊收藏一波吧!
  • #12 企鵝工作室每周一繪:瓶瓶罐罐(本周主題在文末)
    半臨摹半原創C'est l'amour(這就是愛情) 就這樣 把我們的愛情 裝進玻璃瓶5期班 cowie 臨摹 主題:女人的不老之心五期班 水草魚兒 臨摹 小改動陳笑禕 十月班平行宇宙中……5期班-婉婉-啤酒杯李上一撇  扭曲的寫實瓶子,扭曲的心情每周一繪投稿 5期班 arya 原創 標題是
  • 手繪臨摹繪畫比賽第027期:蝴蝶忍
    本身繪畫是很細膩很耗時的一件事,通過臨摹繪畫也可以磨鍊孩子們的心性,鍛鍊他們的觀察能力和集中注意力。手繪臨摹繪畫比賽027期原圖:蝴蝶忍(本原圖由@小西 同學提供)手繪臨摹繪畫比賽規則(不斷修正完善中):注意:自010期開始,只接受手繪臨摹作品,不接受指繪、板繪
  • 手繪臨摹繪畫比賽第013期:禰豆子
    接上期:手繪臨摹繪畫比賽第012期:牙&赤丸先來公布一下第012期的投票結果,得票最多的前三名分別是@阿飛、@小西、@Time
  • 手繪臨摹繪畫比賽第139期:影山飛雄
    接上期:手繪臨摹繪畫比賽第138期:矢澤妮可由於狗蛋同學開學不能用手機了,大家以後將交稿作品發給小編,微信號:xxxie1250
  • 線條練習的進階 | 幾何形與形體練習
    所以第一階段的設計認知與線條基礎練習非常重要,因為萬物都跟線條、幾何形有關。一、描圖練習描摹顧名思義就是用薄薄的草圖紙在列印好的原圖上描一遍,與臨摹不同的是更為簡單。臨摹需要鍛鍊觀察力與判斷力,而描摹只需控制好線條就行,所以一般要求描的一模一樣才算達標。
  • 《創造與魔法》貝雅花園第六期獎勵有哪些 貝雅花園第六期獎勵攻略
    下面就是創造與魔法貝雅花園第六期獎勵攻略了,有興趣的小夥伴們一起來看看吧! 創造與魔... 創造與魔法貝雅花園第六期有哪些獎勵?遊戲S6賽季已經在今天開啟了,那麼新一期的活動為我們帶來了哪些驚喜獎勵呢?
  • QQ飛車手遊榮耀勳章第六期桃花源玩法攻略
    小編今天給各位玩家朋友們帶來的是QQ飛車手遊榮耀勳章第六期桃花源玩法攻略,很多的玩家朋友們最近在問QQ飛車手遊的遊戲中第榮耀勳章第六期應該怎麼玩嗯?榮耀勳章第六期都有哪些獎勵呢?小編特地幫大家整理匯總了關於本次活動的玩法攻略,感興趣的小夥伴們千萬不要錯過哦!
  • 潭州教育:萌新應該如何擺正心態,提高臨摹效率
    大家也紛紛在社交網站上po出了20年和21年的作品對比,相信小夥伴們看到這些飛一般的進步,心裡都有震驚和不服氣吧~那麼今天小樹老師就來跟大家聊一聊關於咱們萌新如何擺正心態,提高學習效率~當你看到一幅色彩豐富、表現富有張力的畫,當你剛看完課程時,你的第一感覺是什麼?想要也動筆畫一畫,對不對。
  • AE打造科技範動態ICON製作小教程!
    如下圖,這組動態icon主要就三種動作效果:旋轉、修剪路徑、透明度。就針對這三個效果分別演示一下製作過程。3.透明度(calculation為例)鋼筆工具畫條弧線,複製2個圖層調整一下,得到基本形左側最小的那個弧線最先開始變化
  • 第十七期插畫打卡—一個圓形的logo,去畫一個創意延展
    第十七期部分插畫作品▼以上作品均屬花火社群同學個人練習,部分作品為臨摹和借鑑。每周進行一次命題打卡,打卡自願,不強制要求,每周二晚9點,嘉賓進行直播點評。4. 通過cctalk進行直播,需下載cctalk客戶端,支持錄播回放。5. 作品優秀的小夥伴每月前六名將獲得獎勵。
  • 一個Tip 讓你的 icon 更討喜:流行 icon 分析總結與運用
    符合基本的圖形設計準則,微信小頭偏圓,飽滿討喜;小頭在藍色區域右下方四分之一的區域內居中;書的尖角延伸至書的二分之一處等等。2. DuolingoDuolingo是一款學習語言的應用,寓教於樂,是我非常喜歡的一個APP。
  • 衰漫畫:衰衰傳統服飾練習書法?臨摹之前無從下手
    衰漫畫:衰衰傳統服飾練習書法?臨摹之前無從下手各位童鞋們大家好,現在的我們生活時間長了,漸漸的都忘記了傳統文化,衰衰卻開始對傳統感興趣,因此他穿上了傳統的服飾,還取了一個古代的名字,臉臉聽到就嘲笑他無知,衰衰卻沒有難受,反而開始練習書法,整得自己就是書法大師,但是在臨摹之前他卻無從下手,畢竟古代的書法家太多,他不知道應該從誰的開始臨摹,這一點筆者認為傳統文化我們不能遺忘,畢竟那都是聚集了古人智慧的東西
  • 我的插畫風格練習計劃【第一期】
    插畫風格練習是根據一些現有的插畫風格進行分析、臨摹、衍生原創等階段來進行針對性練習,其目的是根據符合自己的風格制定行而有效的個人計劃。該練習計劃為期三個月,每周輸出一次,包含:分析、臨摹、衍生原創三個部分。二、關於插畫方面我的弱點是什麼?
  • 簡單的速寫人物局部臨摹圖片,速寫人物要練習畫五官
    但是同學們要了解一點就是速寫人物平常練習要多畫五官,多思考怎麼樣的五官才能帶出人的神韻。今天我們為大家整理了速寫人物局部臨摹圖片,大家可以學習一下。同時,人物速寫是需要大家多加練習的,五官的練習更是重要,如果對人物速寫動手練習少,非常容易造成很多學生在畫人物速寫時無從下手,或力不從心。下面繼續為大家分享一組手部的速寫乾貨,大家可以收藏練習哦!