亚洲 卡通 欧美 制服 中文,午夜在线看的免费网站,黑人太大了太深了好痛 视频,国产乱妇乱子视频在播放

廣州總部電話:020-85564311
廣州總部電話:020-85564311
20年
互聯(lián)網(wǎng)應(yīng)用服務(wù)商
請(qǐng)輸入搜索關(guān)鍵詞
知識(shí)庫(kù) 知識(shí)庫(kù)

優(yōu)網(wǎng)知識(shí)庫(kù)

探索行業(yè)前沿,共享知識(shí)寶庫(kù)

【技術(shù)分享】設(shè)計(jì)網(wǎng)站圖標(biāo)的四大步驟

發(fā)布日期:2024-10-19 08:49:00 瀏覽次數(shù): 2893 來(lái)源:天健世紀(jì)科技

设计师在画图时总是要经历各种各样的尝试,画icon也是同样的,都不知道什么是最好的,只能在多次的尝试后得出最优解。

挑选最优解很简单,重要的是哪来那么多的方案/灵感?这篇文章就以绘制四个底部tab的icon——首页、低碳生活、低碳商城、我的,跟大家分享。









整体是四个大步骤:
Part.01
寻找参考:要先脑爆,再找参考
Part.02
细化图形:从小到大将差异化融入
Part.03
细化风格:优先参考app的设计风格
Part.04
整体调整:最关键最基础的设计修养


01
·   寻找参考:要先脑爆,再找参考  ·







以最常见的「首页」icon 为例,想到首页你会想到什么图形?

那一定是「房子」对不对?如果你直接去iconfont上搜首页,也是给你出来一堆房子:

如果你的思路在开头就仅限于此,那后续方向尝试也会受到局限。

这时需要在这一步就发散下思路,脑爆一下,可以从行业角度和自身产品的角度去出发。

比如现在画的这个首页 icon,属于是环保行业内的,那首页 icon 是不是可以是「地球」「树苗」?再从自身产品角度出发,看看app内的LOGO、吉祥物。

那么现在光首页这个icon就能想到5个可设计的方向。

只有联想的关键词越多,可检索的范围就越广。

按照这种思路每个icon都能找到很多参考,再根据参考画出 icon。

此时「首页」这个图标画出了以上六种图标造型,「树苗」「地球」的图标都比较独特,但是目前房子这个图标就太常见、太大众了。

在画图标时不可避免地也会有一些比较常见的、普通的 icon,就可以对这些常见的 icon 进行调整,让它不至于这么大众。



02
·   细化图形:从小到大将差异化融入  ·







可以赋予普通图标一点差异化,让它看起来更不同一些。从小点入手,将它基础形进行微调,从大点入手,可以将行业属性和品牌图形融入图标。

如果从小的调整入手,可以考虑将图标外轮廓做一些微调。将房子的外部造型进行调整,一共微调出5种房子的造型:

小的调整能让这个图标稍微变得不一样一些。而从大方向上可以发生更明显、直观的变化,让图标的差异化特征也更加明显。

如何对图标进行更大的改观?

大家可以从行业属性的融入、品牌图形的融入去尝试。比如这个首页图标你希望他带有环保的行业属性,而环保类icon的参考里常见的元素有树苗、树叶、闪电:

这些元素都可以和房子进行很好地结合:

除了融入行业属性,大家也可以将自己产品的品牌图形融入icon,比如像飞猪、马蜂窝app都有将自己的吉祥物or品牌图形融入其中:



03
·   细化风格:优先参考app设计风格  ·







通过以上两步,把 icon 的外形确定下来后,就可以开始细化图标风格了,如果不知道该采用什么风格,不如先看看自家app的风格或设计语言是什么,可以根据app风格细化图标风格。

如果这款app的页面风格是扁平、渐变、线条:

那么 icon 就可以按照扁平、渐变、带线条的方向去走。以首页这个 icon 举例,就能画出以下几种方向:



04
·   整体调整:最关键基础的设计修养  ·







用上面讲到的三大步骤,补齐剩下三个 icon,最后一步就是对这一组icon进行整体的调整。大致基于三大点去做调整:

1.要保证一套图标起码有2个以上的不同点,个别图标没有过多的想法,可以保持普通。

2.遵循统一性

最后检查一遍整体 icon 统一性,包括视觉大小统一、圆角统一、正负形比例统一、描边粗细统一。

3.视觉平衡。每一个icon在视觉上看起来都要在中央。


总结

以上就是在设计图标时必须经历的几大步骤和获取图标设计灵感的办法。其实无论经验丰富与否,只有反复的尝试才能得出最好的方案,希望大家都越来越牛!


優(yōu)網(wǎng)科技,優(yōu)秀企業(yè)首選的互聯(lián)網(wǎng)供應(yīng)服務(wù)商

優(yōu)網(wǎng)科技秉承"專業(yè)團(tuán)隊(duì)、品質(zhì)服務(wù)" 的經(jīng)營(yíng)理念,誠(chéng)信務(wù)實(shí)的服務(wù)了近萬(wàn)家客戶,成為眾多世界500強(qiáng)、集團(tuán)和上市公司的長(zhǎng)期合作伙伴!

優(yōu)網(wǎng)科技成立于2001年,擅長(zhǎng)網(wǎng)站建設(shè)、網(wǎng)站與各類業(yè)務(wù)系統(tǒng)深度整合,致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(shè)(品牌展示型、官方門戶型、營(yíng)銷商務(wù)型、電子商務(wù)型、信息門戶型、DIY體驗(yàn)、720全景展廳及3D虛擬仿真)、移動(dòng)端應(yīng)用(手機(jī)站、APP開(kāi)發(fā))、微信定制開(kāi)發(fā)(微信官網(wǎng)、微信商城、企業(yè)微信)、微信小程序定制開(kāi)發(fā)等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。


我要投稿

姓名

文章鏈接

提交即表示你已閱讀并同意《個(gè)人信息保護(hù)聲明》

專屬顧問(wèn) 專屬顧問(wèn)
掃碼咨詢您的優(yōu)網(wǎng)專屬顧問(wèn)!
專屬顧問(wèn)
馬上咨詢
聯(lián)系專屬顧問(wèn)
聯(lián)系專屬顧問(wèn)
聯(lián)系專屬顧問(wèn)
掃一掃馬上咨詢
掃一掃馬上咨詢

掃一掃馬上咨詢

和我們?cè)诰€交談!