2024年网站图标设计风格 篇1
图片类素材公司的产品图片、公司网页LOGO、相应的企业图片都是需要企业自行提交的。您可以告知网页设计公司您需要的设计风格，然后对方专业设计人员会根据您提供的图片素材进行整体设计。建议大家提交的时候确保图片的像素，最好是直接提供原图，可以是公司的整体拍摄图片，也可以是相关产品的宣传海报，这样在二次设计时也不会出现问题，可以让其分辨率和网站的整体设计相协调。比如我们合作的博学鸿儒就不错，你可以联系看看。
2024年网站图标设计风格 篇2
谢谢邀请！
logo设计我个人觉得很考验一个人的设计能力，是一项难度系数很大的设计工作，我说的是既能深刻体现一个公司文化，又长时间具有审美的logo，大街上的广告小标签和宣传单不算真正上的logo设计！我个人把logo设计分成两方面说明
首先logo设计要是体现一个公司文化背景或者今后公司发展方向，用文字表达简单，但是用图形表达出来就很难的，如果公司文化相对简单，业务也相对单一，设计起开还好说，像那些百年企业，文化底蕴深，一个图形或字母很难全面概括！
其次就是logo美观性，这个和设计师的水平息息相关，一般设计多了，掌握一些设计的基本原则，差不多可以达到，但是想要长时间保持美观，这个就很难了！
就说这么多吧！希望能帮到你！谢谢
2024年网站图标设计风格 篇3
今天和大家要说的是对icon图标设计的时候的一些思考方法。
icon的话题很大，我目前把话题设定在应用层面，讨论的是icon的实际应用层面
分两个部分来说，一个是app，另一个是web。
把关于icon的问题单独拿出来讨论，似乎很没有必要，在如今的大环境中，大多数人都在做着搬运工的工作，一张电影海报都尚能抄袭，何况一个小小的icon。
但我认为，在UI设计中，细节的部分恰恰占主要的位置，大到布局的呈现，小到一个微交互的思量，判断一个人在一个领域的专业程度，就看他有没有量化当中的细节，我们都知道这个字大了，那么是大多少？
我们都知道这里看着不舒服，那么有没有具体实际的解决方案？所以，我把icon拿出来讨论是很有必要的，因为我们是设计师，我们注重细节，我们的每个设计都需要有背后的逻辑支撑，这样才能站得住脚。
首先在app的应用层面。
在GUI中的icon如何显示原创性？
众所周知，在iconfont我们可以下载到很多类型的图标，甚至包括svg，ai的源文件，如此一来，有些人在做图的时候会直接下载源文件直接用，因为设置啊，消息啊，这类的图标大家已经形成了共识，不会有太大变化。那么，原创的意义在哪里？
在手机里显示的icon一般需要极简化，这也是为什么ui设计风格从拟物化到极简化的过程。第一，手机的显示屏有限，如果icon过于花哨，会影响用户的视觉视线，毕竟除了少数以美感为主app，大多数app还是以功能性为优先。
这里有一个问题，极简不等于毫无装饰的粗鄙化，除了统一线条粗细之外，我们还可以动一些小心思，让这个小东西变得更加精致，灵巧。
Icon原创的风格在哪里表现？
我举三个比较典型的例子。
色块叠加
首先这是要根据app的整理风格而定，比如虾米，它整体改版以后显得灵动轻巧，那么它理所当然的用线性icon来契合主题。线性图标也有它特别的地方，比如最近drbbble上流行的用带透明度的色块叠加的风格就很有意思，用饱和度较高的色块去装点原本平板的线形icon。
微拟物化
而在ios11之后，有大批的app开始恢复部分拟物风格，为什么是部分呢，因为他们大多采用的不是传统拟物风，而是在扁平化的基础上做一些小阴影，小渐变，让应用简介而不单调，这种趋势越来越流行，我猜想是用户看腻了寡淡的扁平化，设计师也做腻了无趣的线形图标了吧。
渐变质感
渐变是一个神奇的手法，大多物体叠上渐变以后更加有层次感。想要渐变用的出神入化还得好好学习用色，我比较推荐在app中使用的不是那种看起来像特效的渐变，而是一个色系中的微渐变，这样的渐变会使icon看起来更加有质感，也具备层次感。
不过，风格这种东西不必纠结，就像时尚界的一句名言：时尚是一个轮回，我们要做的就是了解行业，跟紧趋势。
在web中的应用
上面我没有提到缺省页的设计，想放到web中一起来说。因为微博中icon的设计模式跟缺省页更加相似。
web也分三种类型，一种是后台设计，这种类型把视觉导引导的功能做好就可以；一种是功能类网站设计，这种类型icon跟app中差不多，以功能性为主，不需要夸张的装饰；最后一种是官网类设计，这类官网以展示为主，就需要设计师具备较强的视觉设计能力了。
一般在banner中用的是插画，在下面介绍每个功能的时候，就需要用到装饰类型的icon。因为网页上的视觉范围很大，比app大很多，如果做的过于简单，就显得单调，画面不满，这时候就要发挥icon的装饰功能。
统一化
在web上的空间较大，把icon统一化很有比较，这里不是指线条粗细的统一，而是外形，用一个圆形或是方形统一起来，看起来更有秩序。
复杂化
在web上的设计，icon需要刻意的将它复杂化一些，用很多小icon来打造一个组合，更有表现力。
2024年网站图标设计风格 篇4
设计师必备的灵感网站大集锦，双手奉上，已做好分类。
因为设计师的专业分类很多，有室内设计师、平面设计师、工业设计师、软装设计师、UI设计、动效设计等，所需要的网站元素也不同，从灵感搜集、字体、配色、Logo素材，设计师门户网站等等这里统一汇总，整合国内外优秀设计网站，还用愁做设计找不到灵感、资源吗?
一、图片灵感素材网站
1 million+ Stunning Free Images to Use Anywhere
国外无版权图片素材网站，打开速度很快，图片数量多，还是免费！缺点是质量层次不齐，需要耐心检索。
2、 Awesome Wallpapers - wallhaven.cc
这个网站绝对是业内良心，超多高清图片素材，壁纸级的图片。
3、 Beautiful Free Images & Pictures | Unsplash
Unsplash的图片质量同样很高，很多都是摄影作品。除了不可以将图片转载到其他图库外，可以自由使用并且无须标示出处来源。
4、 Gratisography - Free High-Resolution Photos
一个摄影师的个人网站，很多夸张风格的图片素材，包括人物风景等等，想要找一些“震撼”的图片，不妨来这里看看。
5、 Free stock photos · PexelsFree stock photos · Pexels
也是一个非常老牌的国外图库了，各种尺寸比例的图片都有，但是好图片也需要大家仔细去淘。
二、字体设计网站1、VAU Fonts
英文艺术字在线生成只需将英文字母输入至文本框内，可以调整样式，颜色，间距等等，简单实用。
三、平面设计网站
1、designspiration.com/
帮助用户发现和分享世界上最伟大的设计资源，采用瀑布流的展示效果来展示每天都会更新的设计资源，只要收集的内容有建筑、插花、平面设计、创意组合等图片资源。
2、ollymoss.com/
这是一个平面设计师必备的网站，平时也经常去逛，里面收录了很多优秀的海报，作品都很优质，点击相应的海报，会列出该海报的介绍，来源以及作者
3、arting365.com/
Arting365”是一个关注全球设计影响力的媒体平台，依托于全球设计文化对各个领域的影响，及庞大和活跃的用户群表现出极强的互动性，用不同的观点，出色的内容，聚焦全球设计文化资讯
4、voicer.me/
VOICER是一本分享生活美学的在线杂志，它是由一群广告人、媒体人、设计师共同创办的，你可以在网站上看到很多与设计相关的新颖观点、新鲜资讯。
5、mydesy.com/
台湾灵感创意资源网，有点类似于咱们的UI中国，是一个集合了个多种设计品类的交流平台，在台湾本地，号称是找灵感仅用这一个网站就够了。涵盖了素材、网站、影片等。
6、freepik.com
Freepik——一个超良心的免费图片素材网站！，于2010年推出，用户可以免费下载Freepik分为矢量图、psd模板、icon、高清素材图、会员专区等素材。
7、theultralinx.com/
TheUltralinx这是一个具有创新性和创造性的移动用户界面UI模版分享博客网站，汇集了众多的优秀设计作品，包括安卓、iOS、Windows、WEB等设计作品，多数作品都是由设计师们提交上来的。
8、artemperor.tw/
非池中艺术网是台湾最知名的艺术网站，也是台湾最多人看的艺术网站，关注国际艺术动向，提供即时艺术新闻、艺术展览、艺术影音报导。看非池中艺术网，认识艺术、掌握艺术时事与各地展览。
9、magdiellopez.com/
一年365天，每天坚持出一张海报，产量颇高！上面的风格独特，色彩绚丽，创意俱佳。
10、优设网
上面有许多的设计干货，现阶段属于免费阶段，缺点可能就是没办法登陆收藏自己想要的干货，不过收藏网页也是一样的
11、Adobe Create Magazine，
Adobe的官方站点，有很多的国际顶尖PS大神都会在这里分享自己的作图过程。
12、像素蜜蜂
国内正版图库，但是，emmm，非免费
13、图虫创意
也是一个正版图库，同样的非免费
14、FOTOR懒设计
比较适合偷懒的时候使用，不用开PS，可以直接在线设计
15、UI中国
一个比较优秀的设计分享网站，可以在上面看些大牛的UI设计
四、图标类
1、Icons Archives - Freebies Gallery
生活、工作、社交、旅行等小图标
2、Free PSD & Graphics, Illustrations
各种实用的小图标应有尽有，游戏音乐，以及杂七杂八的小图标，在这里可以找到。
3、、Iconfinder - 1,575,000+ free and premium icons
小图标是有的，看你需不需要。
4、 Iconfont-阿里巴巴矢量图标库
数量非常多，还支持批量下载和在线修改颜色。
5、Icon Font, SVG, PDF & PNG Generator
这个网站支持一键批量下载、转化为字体文件，但是数量没有前面两个网站多。
6、 iconninja.com
包含了近10万免费图标素材的搜索引擎，各种类型的图标素材都有，并且尺寸格式也都很全。
7、human pictogram 2.0 (無料人物 ピクトグラム素材 2.0)
来自日本的免费火柴人图标素材网站，各种姿势各种动作的小人可以下载，缺点是只支持英文和日文搜索。
五、灵感类
1、behance.net
2、dribbble.com
3、abduzeedo.com/
4、thefwa.com
5、awwwards.com
6、artstation.com
7、designspiration.net
8、booooooom.com
9、trendlist.org
10、ello.co
11、huabanpro.com
12、pinterest.com
13、zcool.com.cn
14、gtn9.com
15、scene360.com
16、bestwebsite.gallery
17、365awesomedesigners.com
18、theinspirationgrid.com
19、thisiscolossal.com
六、室内设计
1、美间
优点：中文版本，软件的服务器在国内访问速度快，国内的单品能找到品牌供应商；
缺点：高质量的图少，软件不够流畅，功能不够强大；
2、board
优点是：灵感图片多，可手机上搭配方案，操作流畅；缺点是：不落地，英文版本使用略不方便；
3、neybers
4、AD安邸
5、德国室内设计网
6、pinterest （现需要翻墙）
7、inspirationgrid
8、behance
七、配色网站
1，Color Hun
2，uiGradients - Beautiful colored gradients
3，http://nipponcolors.com/-日本的，不要太强
4，配色工具-专业的配色工具大全-千图网www.58pic.com-挺好用的工具
5，Colours-可以查看其它网站配色
6，The Color Scheme Designer
7，Free Gradients Collection by itmeo.com-关于渐变
八、配图素材网站
1、visualhunt.com/
包含了3亿张图片，而且能免费下载，都是一些高清摄影图，采用和花瓣一样的信息流模式，浏览起来毫不费力
2、imcreator.com/free
界面做了分区块处理，可以很快速地根据类目搜索自己想要的图片，图片涵盖范围很广，有高清摄影图，也有很多排版模版可供参考
3、nos.twnsnd.co/
非常有格调的老照片网站，还有一些具有时代感的插画，部分下载需要付费
九、矢量素材
1、HD png images and illustrations. Free unlimited download.
最喜欢的一个PNG图片素材库，网站有近30万张图片素材，并且虽然是国外的网站，但是图片下载速度非常快。
2、PNG images with transparent background
同样是国外的网站，一个拥有近5万张PNG素材的图片库，素材完全免费并且在首页就设置了清晰的分类。
3、unDraw | Colorful illustrations
素材的风格样式比较统一，支持修改颜色，支持下载SVG格式。
4、 Freepik - Free Graphic resources for everyone
超大型的矢量素材手机网站，支持分类以及搜索，大部分素材免费可商用，但缺点同样是好的素材要花时间找。
5、千库网（千库网_免费png图片背景素材下载,做设计不抠图）
6、 PNG images | 70,000+ Transparent Free PNGs | Cossyimages Ltd
7、 Millions of PNG Images, Backgrounds and Vectors for Free Download | Pngtree
8、Stickpng.com
9、Download Transparent Free PNG Images
十、资讯类
1、voicer.me
2、topys.cn
3、hypebeast.cn
4、wallpaper.com
5、vice.cn
6、japandesign.ne.jp
7、designmattersmedia.com/
8、simple-style.com
9、theultralinx.com
10、mymodernmet.com
11、weandthecolor.com
12、creativereview.co.uk
13、designfacts.org
14、aotu.io
15、artupon.com
16、99u.adobe.com
17、design-milk.com
十一、视频素材
1、 Extraordinary Free Stock Footage & HD Video Clips
超级良心的免费视频素材网站，一键下载并支持预览，做视频或者是作为PPT的动态背景都能使用。
2、 https://www.pexels.com/videos/
3、 Free Stock Video Footage & Motion Graphics Download HD & 4K 、
4、 https://www.vidsplay.com/十二、LOGO&ICON类
1、instantlogosearch.com
2、thenounproject.com
3、logobook.com
4、iconfinder.com
十三、纹理背景
1、Subtle Patterns
一个经典的纹理素材网站，样式多品质高，点击图片即可预览效果。
2、 Welcome to nginx!
非常小清新的一个素材网站，纹理样式多，提供了瀑布流的预览方式，同时也支持直接搜索。
3、Pattern Library
数量不多，但每个都是精品。默认提供大图预览方式，点击右侧的功能键也可以查看全部的纹理图案。