日本a优视频_日韩福利片_美女如厕bbb毛片免费视频_av网站不卡_91精品啪在线观看国产日本_天天天干夜夜夜操

在UI設(shè)計系統(tǒng)中，圖標是最重要的組件之一，是任何UI界面中不可或缺的視覺元素。理解與圖標相關(guān)的概念以及正確的繪制方式是入門級UI設(shè)計的必備條件。
關(guān)于互聯(lián)網(wǎng)上繪制的圖標有很多文章和教導，但它們不是太籠統(tǒng)，它們太片面。即使在閱讀了大量這些零碎的知識之后，我們很難對我們的認知中的——系統(tǒng)有更全面的了解，因此大多數(shù)初級UI設(shè)計師總是繪制壞圖標。
在回答這個問題時，我希望用一篇長篇文章來理解圖標設(shè)計的所有關(guān)鍵點和具體的設(shè)計方法，這樣所有設(shè)計新手都可以開始使用圖標設(shè)計。
本文分為五個部分：

圖標介紹：首先，您對圖標有了全面的了解，并了解圖標的類型和應(yīng)用場景。

工具圖標：最常見工具類型圖標的規(guī)范，以及相應(yīng)的設(shè)計案例演示。

裝飾圖標：近年來，越來越廣泛地使用視覺圖標設(shè)計理解，并做出相應(yīng)的解釋。
啟動圖標：說明啟動圖標的規(guī)格以及如何有效地設(shè)計它。
應(yīng)用案例：介紹在UI項目中應(yīng)用多少圖標規(guī)范，如何設(shè)計正確的圖標。
對圖標的基本了解
圖標是圖形標識符。它有兩個概念，廣泛和狹隘。廣義上指的是在現(xiàn)實世界中具有明確含義的所有圖形符號。狹義是指計算機設(shè)備界面中的圖形符號。它具有非常大的覆蓋范圍。
對于UI設(shè)計師，我們專注于狹義概念，這是UI界面視覺組合的關(guān)鍵元素之一。
在最常見的平面設(shè)計風格的瞬間，界面的實際視覺構(gòu)圖只有4個元素，圖片——文本——幾何——圖標。
可以說圖像——文本——幾何只使用排版技巧，而圖標是UI設(shè)計中唯一要求我們除了插圖元素之外“繪制”——“創(chuàng)建”的元素。事情的困難已經(jīng)增加。
在原始界面中，拋出一些正方形——并粘貼幾張圖片——填寫一些單詞，可以制作界面，如Clear APP，不僅工作量小，而且符合極簡主義原則，為什么不感恩設(shè)計圖標？
這涉及到圖標角色的討論。為了節(jié)省空間并進入每個人都希望更快看到的關(guān)鍵干貨，我不會從古代人類和圖形符號之間的糾纏開始，并談?wù)搱D形界面本身。有這么重要的位置，不是嗎？
有兩個原因。雖然第一個文本也是圖形符號，但文本與圖標相比過于復雜，并且在識別效率方面存在固有的缺點。而且，不同的語言具有不同的文本長度。如果您更改為阿拉伯語或俄語，則可能無法在一行中安裝所有單詞。圖標可以以更有效的方式壓縮我們想要傳遞的信息，不僅易于識別，而且使界面更簡潔，更有利于排版。
第二點是關(guān)于視覺欣賞。在某些頁面中，如果刪除了圖標，則不會影響我們的運營效率和對內(nèi)容的理解。但是沒有圖標，缺少這些裝飾，我們會覺得這個頁面看起來太無聊，不好，最好的例子就是應(yīng)用程序設(shè)置頁面。
既然您已了解圖標的作用和重要性，那么您需要了解我們想要在工作中設(shè)計哪些圖標。
可分為三大類：
工具圖標
裝飾圖標
啟動圖標
下面，我們將分別介紹它們并顯示相關(guān)的設(shè)計類型，以便讀者在開始學習特定設(shè)計之前，可以更全面地了解UI設(shè)計創(chuàng)建的圖標。
雖然很容易理解，但它包含很多設(shè)計風格，可以分為兩類：線性和扁平，然后分開細分。
1.風格1：線性風格
線性圖標（圖形）由線條的描邊輪廓勾勒出輪廓。大多數(shù)人對其風格識別的第一反應(yīng)應(yīng)該是使用純色封閉輪廓。例如，在模式示例中，線性圖標的創(chuàng)意空間似乎不多，但實際上有很多調(diào)整空間。
2.風格2：面部風格
面部圖標，是一種圖標樣式，使用內(nèi)容區(qū)域的顏色填充。類似地，在這種類型的圖標中，它不僅是一種應(yīng)用純色的方式，還有許多類型的視覺表示。
3.風格3：混合風格
當然，在設(shè)計圖標類型時，它不一定是非線性和非保形的。有些設(shè)計師熱衷于創(chuàng)作和嘗試，并且還創(chuàng)建了具有線性筆劃和顏色填充的混合圖標。區(qū)域。
裝飾圖標
與工具圖標相比，裝飾圖標具有更多視覺效果。對于一些更復雜的應(yīng)用，過度簡單無法彌補過度的信噪比問題。我們需要豐富視覺體驗以提高內(nèi)容的觀看質(zhì)量并減少在一個屏幕上顯示的內(nèi)容量。
例如，在類別列表中，可以使用線框和文本將大量內(nèi)容集中到一個屏幕中，但實際的瀏覽效率不會增加，并且它并不美觀。
還有一個國內(nèi)接口設(shè)計環(huán)境，將根據(jù)操作要求進行專門設(shè)計。特別是在電子商務(wù)領(lǐng)域，第一屏幕上的圖標將被改變?yōu)橹黜摰娘L格，這將增加事件的氛圍。
裝飾圖標設(shè)計，雖然沒有明確說明如何做，效果如何好，但最常見的類型有四種，下面分別介紹。
平面樣式
平面裝飾圖標通常可以理解為在平面插圖中繪制的圖標。除了繼承平面純色填充功能外，它還具有比普通圖標更多的細節(jié)和樂趣。
2.對象的風格
準風格的圖標現(xiàn)在越來越頻繁出現(xiàn)，并且集中在大規(guī)模的經(jīng)營活動中。通常，這些活動會通過對象的方式將頭部設(shè)計成類似故事的場景，因此使用自然頂部的相關(guān)圖標。對象的設(shè)計將更合適。
3. 2.5D風格
2.5D是具有卡通和像素繪畫風格的平面設(shè)計類型。在一些非必要的設(shè)計環(huán)境中，使用2.5D將更容易與主流界面設(shè)計風格相匹配，它具有更強的樂趣和分層。
4.多彩漸變
這是一個詞匯的原始術(shù)語，找不到更恰當?shù)拿枋觯蛘哂X得夸張的點與其氣質(zhì)是一致的。這種圖標是通過一系列非常激進的漸變和對比來實現(xiàn)的，通常是彩色陰影。
使用這些圖標的區(qū)域通常呈現(xiàn)出色彩鮮艷的場景，只能用于內(nèi)容非常豐富且面向用戶的產(chǎn)品。這是一個非常困難的設(shè)計。
5.物理地圖
最后一個是采用真實攝影對象的設(shè)計風格。雖然它不完全屬于我們的創(chuàng)作和繪畫，但考慮它是合適的。由于此圖標經(jīng)常出現(xiàn)，因此有必要在以后掌握它。啟動圖標
最后，我們來談?wù)剢訄D標。啟動圖標的設(shè)計比前兩種圖標更難，因為它實際上是“徽標進入系統(tǒng)圖標模板”的圖標。
除了掌握必要的規(guī)格外，發(fā)射圖標主體的設(shè)計是LOGO的設(shè)計，它超越了圖標繪圖本身的知識。因此，在將來，我將為此問題解釋一些簡單易懂的設(shè)計解決方案。我們來看看一些設(shè)計形式。
文字形式
用作圖標主體的文本類型通常是應(yīng)用程序本身的品牌。 LOGO使用文本，因此在此處復制字體。
2.圖標表格
對于某些部分工具，將使用工具圖標設(shè)計適合使用簡單圖形傳達應(yīng)用程序功能的啟動圖標。
3.圖形圖標
圖形表單看起來非常接近圖標形式，但它根本不屬于同一類型。它不是圖標的原因是因為這種圖標的主圖形是一個高度抽象的標識，傳達了品牌標識。不是圖形的意思。
4.插圖形式
對于一些純粹的應(yīng)用程序，如閱讀，漫畫和兒童應(yīng)用程序，他們熱衷于使用卡通人物作為圖標的主體。
5.原型形式
雖然平面設(shè)計現(xiàn)在占主導地位，但仍有許多應(yīng)用程序，其中啟動圖標是通過模擬設(shè)計的。因為對于這些應(yīng)用，設(shè)計傳達的信息通常更直觀和準確。
當然，還有其他方法可以啟動圖標設(shè)計，例如明星爆頭，照片，原始游戲圖片等，但了解這些類型就足夠了。
上面介紹的三個圖標是未來將在UI行業(yè)中設(shè)計的內(nèi)容。雖然圖標看起來很簡單，但有很多技巧可以使用。除了正確設(shè)計圖標外，高級和低級UI設(shè)計者之間的區(qū)別還包括圖標設(shè)計類型的數(shù)量。
因此，在開始學習之前，不要將設(shè)計圖標限制為最簡單的圖形，并且有許多有趣的設(shè)計表單等待您嘗試。
學習圖標所需的軟件
了解了圖標的類型，是時候開始了解應(yīng)該使用哪些軟件來制作這些圖標。通常，UI使用的設(shè)計軟件主要包括PS，AI，Sketch和XD。從理論上講，它們都包含圖標繪制功能。如果我直接告訴你掌握這4個軟件，那么很難畫出圖標。這是非常不負責任的，所以為了對新人更友好（如果你們都精通，只是跳過它），我將分析這四個軟件在圖標設(shè)計中的優(yōu)缺點，以及需要的部分要掌握。 。1. Sketch/XD
這兩個軟件是我們設(shè)計UI界面的主要力量。但是你必須記住，他們的主要功能是完成UI界面元素的布局，而不是創(chuàng)建和繪圖。
雖然它們都包括路徑，筆，布爾運算等（Sketch比XD略好），但是當你想繪制一些非常基本的線性或平面圖標時沒有問題，但只要它涉及更復雜的圖形，你常常不知所措。
因此，我建議所有學習UI的新手不應(yīng)該從這兩個軟件開始，而應(yīng)該首先掌握PS和AI。當您想快速實現(xiàn)一些簡單的圖標時，您自然知道如何使用Sketch和XD。
可以說PS和AI的應(yīng)用決定了我們圖標設(shè)計的上限，而Sketch和XD是下限，所以上限越高越好。
2. Photoshop
PS是一款專為一切設(shè)計的設(shè)計軟件，但它本質(zhì)上是一個“位圖軟件”。如下文所述，理想的是在界面中使用矢量格式圖標，而PS不便于矢量操作，例如將矢量圖層復制到其他軟件。
在實際項目中，我們將使用PS來設(shè)計具有相對復雜視覺性能的一些圖標，例如啟動圖標，工件圖標，物理圖標等。
沒有很多PS功能需要用于繪制圖標。您需要在學習此軟件的過程中對其進行過濾。關(guān)鍵點有以下幾點：
路徑創(chuàng)建和調(diào)整
鋼筆工具和錨
路徑圖層
布爾運算
圖層屬性
雖然PS用于在實際項目中繪制復雜圖標，但它并不妨礙我們使用PS從最基本的圖標中繪制。因為我們想要掌握上述知識點，所以簡單的工具圖標是最好的銳化工具。 Stone，然后學習AI的操作，你可以更快地開始。
3.彈簧
AI也是UI設(shè)計必須學習的軟件。它非常通用，主要用于設(shè)計矢量圖形。與PS相比，它具有更好的矢量運算支持。它是用于調(diào)整路徑細節(jié)的最全面，最精細的軟件，AI中的圖形也可以直接復制并粘貼到其他應(yīng)用程序的畫布中。
如果你掌握了上面提到的PS基礎(chǔ)，那么學習AI要容易得多。其中，AI設(shè)計圖標中有三個特殊功能需要掌握和學習：
形狀發(fā)生器
輪廓中風
路徑查找器
在花了幾個晚上掌握PS和AI的相關(guān)知識點后，我們?yōu)楹罄m(xù)研究提供了技術(shù)支持，我們可以進入下一階段。
結(jié)束這是圖標系列中的第一篇文章，信息量也不算小。因此，我們將在最后總結(jié)它，以便每個人都能更容易記住。
知識點1：在UI的界面中，圖標的主要功能是有效地傳遞信息并美化界面。
知識點2：UI中涉及三種主要類型的圖標，例如工具圖標，裝飾圖標和應(yīng)用程序圖標。
知識點三：工具圖標，是用于在界面中傳達信息的圖形符號，主要包括線性，面部和混合設(shè)計風格。
知識點四：裝飾圖標，是用于增強界面視覺體驗的圖形，主要包括平面，仿制，2.5D，漸變等設(shè)計風格。
知識點5：應(yīng)用程序圖標是用于啟動應(yīng)用程序的圖標，主要包括設(shè)計表單，如文本，圖標，圖形，插圖和工件。
知識點6：學習繪制圖標，優(yōu)先考慮PS和AI的路徑相關(guān)功能，而不是Sketch和XD。