网页设计作品集,目前比较流行的网站设计风格有哪些？
网页设计作品集,目前比较流行的网站设计风格有哪些？详细介绍
本文目录一览： 如何制作插画作品集？ui设计师作品集怎么做
ui设计师作品集怎么做作品集需要如何准备？作品集中应该包含哪些内容？你可以依据自己不同作品的质量、应聘岗位的业务方向，去调整作品集展示的顺序和展示比例。一、作品集基础内容一个完整的作品集应该包含开始的自我介绍、作品展示、结尾的感谢。
1、开头页一个作品集的开头就已经开始展示一个UI设计师的能力了，整个作品集的开始部分界面风格尽量统一。有些设计师会用简单的图片作为作品集的第一页，如下图所示。
图片来源：阿多比学院学生作品
有些设计师喜欢开门见山，第一页就包含有自己作品的元素、以及后面展示的内容的目录。
图片来源：阿多比学院学生作品
一般来说在作品集的开头还应该包含简单的自我介绍，包括姓名、性别、年龄、毕业院校、联系方式、照片等，然后展示工作经历和技能，工作经历不用像简历中写得这么详细。
图片来源：阿多比学院学生作品
在自我介绍完成之后，可以有个作品集的目录页，让企业更加清晰的了解你作品展示的顺序，作品目录中需要包含改作品集中作品的内容以及顺序。
图片来源：阿多比学院学生作品
2、作品集内容作品集的内容是整个作品集的核心，里面可以选取自己优秀的作品去详细展示。如果你有特别心仪的公司，为了增加你面试成功的概率，你可以依据公司的业务方向去调整自己作品集的内容和展示顺序。比如你应聘的公司是一个电商公司，你可以着重去展示自己电商设计的作品，将电商设计作品丰富化、或者有意识的放在前面展示。
作品集的作品一定要精，当作品数量不多的情况下一定要保证作品的质量。3、结尾在作品展示的最后，可以礼貌的表示感谢，提升企业对自己的友好度。注意结尾页的风格和开始的界面风格尽量保持一致哦。
图片来源：阿多比学院学生作品
二、作品集-作品
作品集的内容是整个作品集的核心，作品集的内容就是作品的展示与介绍。通过作品的展示与介绍让企业了解你的设计思路与设计能力。
UI设计的作品肯定也是有分类的，比如移动端设计、网页设计、电商设计甚至有些设计师还做过平面设计。不同的设计内容其展示的方式也有差别，那我们先拿一个移动APP的部分作品集内容去聊聊，设计作品我们可以怎样展示？
一个好的产品不仅要有美观的界面，还要能最大限度提升用户操作的效率，通过色调影响用户的操作习惯，用颜色或图形明确产品功能和产品内容的主次展示，降低用户操作负担。所以为了让企业更清晰的了解你的设计思路，你可以选择依据设计流程去展示自己的作品。
一般来说，UI设计师会参与需求评审、理解PRD，用户调研、情绪板梳理等过程，主要目的让UI设计更了解产品，设计出更符合目标用户的操作界面。我们都可以将我们参与的过程表现在作品集里，而不单单只是展示作品。
图片来源：阿多比学院学生作品
以上选取的音乐APP作品集的展示内容依次为：封面、设计理念、需求分析、竞品分析、设计准则、设计思路、信息架构、颜色\字体规范、图标设计、页面设计，在所有的设计中可以详细讲解设计思路。
产品定位：简单介绍项目背景、产品定位可以让企业去判断你的设计符合你的产品需求。产品定位之后会有用户画像、竞品分析、设计理念等的展示。
图片来源：阿多比学院学生作品
展示设计思路和产品的信息架构：
依据需求整理出设计思路、产品的功能架构、输出原型设计，这样可以更直观的向企业展示产品设计思路与产品架构。
图片来源：阿多比学院学生作品
图片来源：阿多比学院学生作品
制定设计规范：规范制定的展示侧面展示了UI设计师设计规范、色彩运用的设计基础技能。
图片来源：阿多比学院学生作品
展示产品图标设计：图片来源：阿多比学院学生作品
页面设计：页面设计的展示，可以拆分页面的功能模块去详细讲解，让企业明白你的设计思路。
图片来源：阿多比学院学生作品
图片来源：阿多比学院学生作品
图片来源：阿多比学院学生作品
当然除了依据流程去展示，我们也可以直接展示、分类展示。比如网页设计可以分为企业官网、电商站、后台、专题页等，平面可以分为VI、LOGO等。展示的方式多种多样，但是展示顺序一定要流畅且有序。
图片来源：阿多比学院学生作品网页
三、其他注意事项
1、作品集最好打包成PDF，页数控制到50~100页。
2、投递简历一定要附上作品集，最好可以有个作品集链接，方面查看，作品集的压缩包名字一定要有姓名。
3、如果作品集已经是上线项目，可以给面试官直接展示。
4、作品集中可以展示自己学习的作品，比如手绘、临摹，这样可以侧面反映自己的学习能力和持续提升的态度，但是注意作品一定要优秀。
5、如果实际项目不多，也可以选取一个自己想要优化的产品，去深入优化产品界面形成自己的作品集。
40个网页设计优秀案例
关于我们的页面设计并不难，但是要设计一个完美的版本并不容易。它通常取决于你的出发点，是要个性化的设计，还是品牌化的运作?是提供自己联系方式，还是获取用户的联系方式?下面的优秀案例会告诉你，优秀的关于我们页面要如何设计。
1、友好的界面
友好的联系人界面总会让人感到亲切的，如果它还具备一些功能性，并且易于阅读，用户会感觉更加舒适的。“What can we help you with”则可以引导用户去点击“加入我们”“聘用我们”以及参与邮件订阅。
2、展示全球各地办公室
Tool 的关于我们页面中，设计师用醒目的字体标注出团队在洛杉矶、纽约和法国的办公室的地址和联系方式，点开关于我们页面的用户不就是想知道这些信息么?正确的联系方式，简单直接的设计，就是这么做的。
3、简化沟通流程
Productiong Location的联系我们页面同样采用了大胆而视觉化的页面设计，但是和其他的同类页面不同的是，它简化了沟通流程，把用户可能会关注的内容和需要沟通的具体部分都划分了一下，让不同需求的用户直接被引导到特定的页面和部分，从而达成简化和分流的目的。
4、头像和个性化的信息
放上设计师和团队成员的图片，让用户认识你。最关键的并不是你的头像够不够漂亮，而是要让用户知道这个漂亮的网站背后是一位和你我一样真实而平凡的设计师，是他或者她努力设计之后的成果。头像可以让页面更加个性化，也能让它更加真实而亲近。
5、鼓励用户沟通
关于我们页面的核心设计目的通常是沟通，而Hello Innovation 的页面设计则充分贯彻这一思路：试图鼓励用户主动同网站进行沟通。用亲切而富有亲和力的设计，留下联系方式，从文案到留下邮箱的地址都在鼓励用户。聊一句，能有多难呢?
6、用图片来传递隐喻
设计博物馆中收藏了许多设计相关的藏品，而关于我们页面中的这个电话不仅是网站的藏品，而且作为一个重要的隐喻来向用户传递“沟通”的意象，这也算得上是一种设计上的“双关”了。
7、创造令人难忘的设计
古怪的设计和有趣的文案总能让人难忘，每天海量的信息摄入让人们只会记住最突出的那些。不过，古怪的设计不一定适合任何品牌任何网站，但是对于那些古灵精怪的网站而言，那些独树一帜的脑洞总能起到作用。
8、表现品牌的性格
对于网站而言，在关于我们页面中将自家的品牌性格呈现出来自然是合理合适的。Boone Selections 就是这样优雅又专业地将品牌配色和相关设计元素融入关于我们页面的。作为一个专业的葡萄酒进口公司，Boone Selections 的关于我们页面用独特的排版和滚动式的页面设计，营造出独有的品牌气息。
9、展示联络方式
This Also 的关于我们页面设计可谓是可靠而到位了，页面地图标注出了公司地点也就算了，当你向下滚动页面的时候，还能看到详细地址的说明、沿线地铁的乘坐方式、沟通的电子邮件地址、电话，等等等等，不一而足。
10、给个提示
网站 Deux Huit Huit 的关于我们页面并没有提供传统意义上的沟通方式，而是设计成了一个直观而简单的对话框。顶上“Say hello ”的对话框非常直接地提示用户，只要输入内容，网站的开发者就能看到了。
11、标明开门/工作时间
对于诸如餐厅、博物馆、商店等有具体营业时间的机构的官方网站，在关于我们页面当中标注店铺开门的时间、接受电话咨询的时间，可以让用户更加有效地接受服务。
12、使用醒目的字体
Panache 的关于我们页面中标题字体采用了非常醒目的“Travaillons Ensemble”，这种字体更为轻巧，虽然独特但是具有极高的识别度。
13、使用大胆的配色方案
经典的黑白黄的配色方案被运用到Sponge 的关于我们页面当中，这种强对比的配色结合细致的细节刻画，让整个页面看起来锐利又富有质感。设计师将明亮的色彩运用到最关键的信息上，让用户更容易注意到它们。
14、采用形象化的插画
插画总能以更加视觉化的方式来吸引用户的注意力，尤其是当插画足够风格化、个性化的时候。Legwork Studio 的关于我们页面中，加入了狼头人插画，配合手写字体，营造出了一种个性化的氛围。
15、使用简约的图形
Giampiero Bodini 的关于我们页面并没有使用复杂的设计技巧，而是在素描的繁复背景上，放上一个简单的矩形，将联系方式与相关信息置于其中。繁复和简单，手绘和图形，形成了鲜明的对比。
16、借助表单来沟通
沟通是相互，你可以发信息给网站，也可以留下联系方式，让网站的运营者给你发信息。QED Group 直接在联系我们页面中留下一个表单，你可以通过这个表单留下联系方式。
17、使用单色配色
简单优雅和易读是 Joseph A Avoue 的网站联系我们页面的设计风格，没有华丽的设计，也没有花哨的功能，一个纤细的环，中间是最基本的联系信息，就是这么直接。
18、幽默
幽默的设计师不会放过任何一个搞怪的机会，Bio-Bak 的设计师即使是在联系我们页面当中也会哗众取宠一把。涂鸦字体和俏皮的文案让人忍俊不禁，你能够从每一个细节感受到这个设计师的幽默细胞。
19、填写表单
Anakin 的关于我们页面同样是让用户填写联系信息，不过在表单的设计上更加独特，并没有专门的表单，而是使用占位符提示用户各个位置需要填写的内容，贴心、直觉，也非常走心。
20、个性化的办公地点展示
和第二个案例类似，CPB集团在全球各地都有办公室，但是在设计的样式上也更加独特，各地办公室的内容和个性化的背景融为一体，信息得到了整合，展现方式也个性十足。
21、介绍一下业务
在关于我们页面当中介绍自己并不稀奇，不过除此之外可以做的还有很多，比如介绍一下自家的业务，展示一下自家的品牌，吸引用户来聊聊也是很不错的手段。Hello Monday 的关于我们页面就是这么做的。
22、视频背景
在网站里面添加视频背景已经是一种非常流行的手段了，而作为电影制作工作室而存在的Moodboard 在关于我们页面中使用视频背景不仅符合他们团队的工作性质，而且让整个关于我们页面更加鲜活了。
23、使用栅格布局
要设计结构化的页面，栅格总是你最好的朋友。Urban Influence 的关于我们页面使用栅格来组织整个页面的信息，需要展示的内容，让用户输入的部分，装饰性的部分和展示用的地图，都界限分明地分布在页面上。
24、让界面更加友好
如果让界面更加友好，设计师要做的工作并不少。清晰而易读的界面设计是最基本的，信息要能够清晰的传递出来，没有侵略性的配色，让人感到熟悉、亲切的呈现方式，易于操作的交互方式，这都是设计师要做好的地方。
25、分步引导
取得联系包含着一系列的操作，如果将整个交互过程分割成为若干步骤，一步一步引导用户来操作，加入动效和微交互，这绝对是一种不一样的体验。
26、增加联系人快捷方式
团队中负责不同部分的负责人通常不一样，用户打开联系我们页面通常有着明确的目标，如何将FAQ部分加入其中，并且添加特定的联系人的联系方式，让用户可以更加直接地同不同的负责人进行沟通。
27、同网站其他部分整合到一起
Robby Leonardi 的网站似乎被设计成一个扁平风的电脑游戏，当你浏览页面的时候，会随着主角去不同的页面，做不同的事情，而去关于我们页面也是其中的.一个“场景”。这是一种整合页面的方式，值得学习。
28、团队合影
许多网站背后都是一整个开发和设计团队在运作，用团队成员合影作为关于我们页面的背景图也是非常合理且有个性的做法。
29、使用留白
通常留白能强化整个页面的空间感和结构感，而Beta Tataki 在关于我们页面就放置了一个设计感十足了电话，通过留白强化了联系方式等内容的存在感。
30、活用字体排版
精心设计的字体排版不仅具有装饰性，还可以承载一定的内容。Pauline Osmont 的联系我们页面使用了黑色、银色和金色来构建吸引人的字体排版主视觉设计。当你向下滚动页面的时候，能看到易于阅读排版到位的表单。
31、亲手展示
这也是近几年比较常见的一种内容展现方式，设计师亲手举起展板来展示设计作品。如果用在联系我们页面中，这种设计师手法也是相当的应景呢。就像Mark Jaworkski 的这个页面，设计师的技能、介绍还有留言用的表单都整齐地展示在这块被平举的白板上。
32、列举社交媒体联系方式
现在哪个网站没几个社交媒体帐号呢?在关于我们的页面当中将自家网站的各个社交媒体的链接都贴出来，对于许多用户来说反而更加便于联系。
33、借用传统的沟通方式
复古的样式是不错的选择，但是使用传统的联系方式来设计，似乎更加走心也更有意思。Lionway 的联系我们页面就设计成了明信片的形式，还有一些固定的信息干脆就列举在一个打印账单上。
34、俏皮的文案
文案的设计也是联系我们页面中重要的部分，亲切、幽默的文案设计会让用户感到亲近，但是同样的，俏皮的、机智的文案也一样会让用户难忘。
35、展现个性
设计工作室 Resn 的联系我们页面设计绝对是这组案例中最有个性的页面之一，充满80年代风情的设计元素，和带着动物头套的团队成员图片组成了页面的主体。
36、运用信息图
信息图是近几年一直处于上升阶段的设计手法，如果有合适的展示内容，在关于我们页面中使用信息图也是相当不错的选择。Quicksprout 的关于我们页面就使用了信息图来呈现内容，清晰易读，而且准确到位。
37、动画和卡通
在联系我们页面中使用卡通和动漫式的形象来呈现设计师和设计团队是相当常见也相当有效的手段，Melonfree 的关于我们页面就将设计师和开发者的卡通形象摆了出来。
38、使用半透明的图形
人的眼睛总会有意识地去识别想要石碑的内容，所以即使的半透明的元素加载在一起，也不会特别严重地影响阅读体验。Indofolio 的页面设就充分运用半透明的元素，将核心的联系方式放在半透明的矩形上，透过图形用户依然能看到背景的细节，但是又不会看不清关键的联系方式。
39、手绘效果
手绘的联系我们页面，尤其是那些画的还相当养眼的页面，总能让用户感受到设计者的贴心。Mario Petrone 的这个页面设计就相当的俏皮有趣。
40、仅用一个下拉框
Spokes Pedicabs 的联系我们页面其实谈不上一个完整的页面，而用一个下拉框代替，当你点击导航了中的链接，会出现这个醒目的橙色下拉框。
网页设计色系案例分析
橙色又称之为橙黄或者是橘色，它的穿透力仅次于红色，色感较红色更暖。在网页设计中橙色是十分活泼的色彩，给人以华贵而温暖、兴奋而热烈、欢乐与活力的感觉，也是令人振奋的颜色。
橙色在网页中的使用范围非常广泛，可以通过变换色调营造出不同分气氛，不仅仅能表现出青春活力，也能达到一个稳重的效果。橙色的波长居于红和黄之间，具有健康、富有活力、勇敢自由等象征意义，为了让大家对橙色有更好的理解，下面分别对不同类型网页进行分析。
一.食品饮食类网页设计案例分析
推荐案例：橙色+黄色+深橙色
整个页面以橙色为主，通过不同明度和纯度的“黄”进行调和，页面非常融洽而不显单调。很好的突出了的图片，食品图片色调也是相近的，故不会非常的突兀。而利用白色将网页分层，有层次感。
二.娱乐类网页案例分析
推荐案例：深橙色+土黄色+黄色
整个页面是利用深橙和浅黄色的搭配来展现的，使页面看起来更加的温暖，深色的铺垫，黄色的文字，达到一种突出而不突兀的视觉效果，赋予了网站生命力。
三.电子商务网站案例分析
推荐案例：橙色+卡其色+绿色
这一个案例使用的颜色相对较多，而橙色的导航辅佐明度较高的卡其色，不会显得非常凌乱，反而更加有特色，很活泼。加上利用一些绿色的按钮来点缀页面，页面就显得不那么单调，有万橙之中一点绿的视觉效果。
四.科技发展机构网站案例分析
页面用的色彩相对较杂，但让人感觉乱中有序。大家可以注意到，页面都是采用深红色作为文字，而橙色出现在红色文字的附近，例如顶部的橙底红字，大标题红色小标题橙色，这些元素就使页面乱中有序。
总结：橙色运用的非常多，调整饱和度、纯度都可以达到非常好的视觉效果，当然在视觉冲击力的同时，可适当采用少许对比色调和缓和于视觉，从而削弱视觉的疲劳度。
插画风格的网页-几种类型的插画风格网页设计赏析
有什么好的插画网站？
排名前的10个插画网站:
1,illustAC--免费矢量插画
2,Pixiv--插画交流网站
3,niconico--日本线上影片分享网站
4,Irasutoya--免费插画
5,Frameillust--免费插图合集
6,Illustrators--俄语艺术家和插画家社区
7,iStock--摄影,矢量图,插画
8,站酷--设计师互动平台
9,Alamy--图片交易平台
10,CreativeBloq--艺术与设计灵感
二次元插画网站推荐
1、pinterest
Pinterest是世界上最大的图片社交分享网站。网站允许用户创建和管理主题图片集合,如果你在上面搜一个主题,点击一张照片大图详情,他下面还会有很多类似的图片,就跟淘宝上传找同款衣服一样啊,然后就可以一键保存下来了。
2、EnvatoTut+
这个网站上有插画设计、
平面设计
、3D建模、动画等多种现在市场上受欢迎的设计技能课,包括插画不同分类的课程:如儿童插画、动物插画、人物角色设计插画等等。这个室网站还提供给大家各种素材:如艺术作品集的排版模版、海报模版和不同的字体等。
3、Behance
优秀,而且图是高清的,这个是必存的,几乎所有有名的国外插画师都在那里展示作品接单。学设计的人都知道Behance,在插画分类下你可以看到很多很棒的插画作品。
几种类型的插画风格网页设计赏析
网页设计的风格多种多样,但插图风永远不过时。插图可以让设计师尽情地表现他们自己丰富的创造力和想象力,将插图运用于设计之中也会使网页变得更具有趣味性。今天我们搜集了15例运用插图的网页设计案例,一起来感受一下这些设计师们的创意吧!
AbbyPutinski
ActivateMedia
AwesomeFantasyComicBookAdventure
CaitlinWicker
LetsYep
LushType
Marc-AndreBoivin
MichelleLana
MovingThingsDesignCompany
OhBeer
soyouwanttogotorisd
St.LouisCountyLibraryDistrict
SummerUndertheStars
UI设计师作品集，7天找到好工作
主题：UI设计师做好作品集【729期】
包含内容：UI设计师作品集
适合人群： 初级设计师、中级设计师
资源大小： 143.90?GB
提供方式： 百度网盘
工欲善其事必先利其器！设计人的器就是自己的作品，只有把自己的作品完美的呈现，衬托自己的设计水平，才会获得高薪工作。
资源展示
目录清单
1、 作品集模板 ?20套；
2、 APP作品 36套；
3、 网页作品 25套；
4、 图标作品 280套；
5、banner 466套；
6、 商业插画 ?120款；
7、 后台作品 ?163款；
8、 logo作品 ?33款；
9、 电商作品 ?624款；
10、 海报作品 ?172款；
11、 手机样机 ?300款；
12、 精品简历 ?2500款；
13、 面试技巧 ?11篇；
14、 UI必备字库 ?1600款；
15、 UI实用教程 ?200课时；
UI作品集展示部分
APP设计作品
网页设计 作品
图标作品
商业插画
设计实用课程
UI设计师如何制作个人作品集
随着设计行业的发展，垂直领域的细分越来越丰富，UI、UX、UE 等设计岗位应运而生，设计师能根据行业发展针对性地提升自己，是一种优秀的品质，在整理作品集的时候，就可以根据简历中提到的重要时间节点，将自己各个时期的作品分门别类整理出来，相同风格的作品整理在一起，建立属于你个人的成长里程碑。
案例??http://mengdizhang.com
Mengdi Zhang 是一名产品设计师，目前任职于纽约的 DigitalOcean 公司，虽然她的设计作品丰富多样，但她的作品集却与简历一致，重点突出了简笔素描的风格，让人对她留下极其深刻的印象。
作品集设计注意事项：
1、 展示你最好的作品，而不是全部
“数量不是决定作品质量的关键，通常当我们觉得自己的设计作品不理想时，我们倾向于展示大量相同的解决方案，然而这样会导致我们的作品看起来很一般甚至相当低端。
2. 展示与你想就职工作相关的作品
“你的作品展示了你作为设计师和从事的专业方向。如果你在一个确定的设计领域拥有特殊的兴趣，例如企划美编设计，这就需要你专注于自己的作品。如果你展示的项目特色是网页设计，品牌设计和包装设计，你几乎不可能得到一个企划美编设计的工作。
3. 不要仅依靠于个人项目
自创项目特别适合探索和练习，但是回到你的个人作品集，应当尽量多的去展示真实项目。源码时代告诉你一个真实的项目意味着你必须调整确定的参数以及考虑到产能的限制。你在处理一个客户端时，通过修改更正的过程，从而证明你的选择是正确的。
4. 仅仅完成工作是不够的——还要考虑怎样展示它
精美展示一个普通的设计方案可以使作品达到一个更高层次，反之，一个惊艳的作品通过拙劣的展示方案会大大降低作品的影响力和价值。
国外优秀设计网站，几个国外优秀平面设计网站？
图巨人
网站介绍：图巨人网专注共享精品设计素材下载网站。提供企业荣誉文化墙,党建文化墙,背景图片展板,免抠元素,节日海报素材,psd素材,每日更新。
官网链接：https://www.tujuren.com/
觅知网
网站介绍：专注原创版权设计模板图片素材下载。超过200万PPT模板、海报、PNG素材、背景、插画、元、摄影图片、字体、视频、音频素材供会员免费下载。
包图网
网站介绍：包图网对于刚开始学习平面设计的朋友来说，是一个对自己提升技能的工具。上面不仅有各种各样的平面广告，还有音频、视频、PPT、简历等等，都是非常好的参考模板。
10个国外较优秀的UI设计网站。作为设计师，除了要有庞大的素材库，要保持高度的行业敏锐度，得到第一手行业资讯，还要不断地学习充电。通过它们，你就能每天收到设计行业最新的相关资讯，包括行业动态、设计作品、创意灵感以及素材等等。1、UIparade:灵感UI设计目录网UIparade:灵感UI设计目录网是一个致力于设计师UI设计作品分享的网站，提供世界是最有才华的设计师们的优秀作品，帮助设计师们获得UI方面的设计灵感，提供丰富的设计参考案例，同时还提供收费版的在线设计工具。
2、MaterialUp:创意UI设计灵感分享网MaterialUp:创意UI设计灵感分享网是一个致力于移动应用和网站程序、概念设计作品展示的网站，每周都会更新最新收录的创意设计，帮助设计师们寻找极富灵感思维的设计作品，设计没思路？没灵感？那么你就赶紧订阅这个网站吧。
3、HudsandGuis:科幻UI界面分享博客HudsandGuis:科幻UI界面分享博客是一个致力于分享电影里的科幻类UI界面设计的站点，我们都看过钢铁侠系列的电影，对于里面的带有浓厚未来科技理念的UI界面设计有着强烈的视觉冲突，该博客就是分享此类的UI界面设计资源。
科技UI界面是从国外的科幻电影里衍生出来的新设计理念，这样的UI设计拥有超前的想象力和极简的设计元素，是提醒未来科技发展的最佳创意思维，越来越多的科幻电影采用了这样的视觉展示资源，让电影里的未来气息更加浓厚，如果你喜欢此类UI设计的话，不妨多关注这个博客网站，你会收到到很多超酷的UI资源。
4、Mantia:苹果UI设计网mantia。me是一个苹果手机UI设计站点，网站提供免费的icon图片和桌面以及UI设计下载和使用。网站作者曾经是iTunes团队人之一，参与了iTunes图标的设计。5、AndroidDesign:安卓UI设计网安卓系统的UI界面总比不上IOS的优秀和炫丽，很多手机控对安卓的UI一直建议非常多，这不谷歌Android团队也看不下去了，终于宣布推出安卓UI指导性质的网站:AndroidDesign:安卓UI设计网。
该网站上有很多资料，其中包括一般风格指南、设计样式，以及Android的部分默认UI构件—“BuildingBlocks”。网站还重点介绍了Android4。0中用户界面元素，有些新特征在老版本中可能不能立即得到支持。但就长远来说，这是一个不错的改变。
6、FluiDui:智能手机UI设计测试平台FluiDui:智能手机UI设计测试平台是一个针对于苹果手机和安卓手机系统UI设计的网站，可以在线通过谷歌浏览器试用FluidUI，进行一些换肤、位置、图标等测试。苹果手机和安卓手机的流行也为手机系统的UI设计添加了一把火，想这样的可以在线通过浏览器来调试系统UI的网站少之又少，如果你是手机系统UI的设计师，那么这个网站绝对要去试试了，不过需要注册以后才可以试用，登录后有非常丰富的图标、套图、模版可以在线测试的。
7、LovelyUI:可爱的UI手机界面设计库LovelyUI:可爱的UI手机界面设计库是一个致力于智能手机界面设计作品展示的博客网站，由众多程序界面设计师上传分享出来的，该网站分类详细，用户可以更加分类来查看不同的界面UI设计。
手机系统的界面UI就跟大厨做菜一样，你的菜谱要征服用户的胃，应用程序界面也需要吸引用户的眼球才能让一个应用程序有良好的用户体验，要想提高自己的设计能力就需要去取经，该网站就是你取经的必备网站之一。8、GetUIcolors:在线UI颜色分享网GetUIcolors:在线UI颜色分享网是一个帮助设计师发现最佳颜色搭配的网站，当你在设计UI素材的时候合理的颜色搭配就显得非常重要，该网站把搭配好的颜色整合在一起供设计师使用，直接复制即可。
9、UICloud:UI设计素材云搜索引擎UICloud:UI设计素材云搜索引擎是一个针对UI设计素材搜索的网站，通过关键字搜索你所需要的素材，并且下载是完全免费的，漂亮的网站UI设计加上优秀的素材下载资源，绝对是你找素材的好应用。
UICloud平台收集了来自世界各地的互联网上最好的UI元素设计作品，并提供了一个搜索引擎为你找到所需要的最好的UI素材。该平台的目标是要创造最大的平台，展示其顶级的用户界面设计，并为开发人员轻松快速地创建项目，辅助其获取得到最好的UI素材。
目前已收录超过22444个UI作品。10、Fltdsgn:平板UI设计分享网Fltdsgn:平板UI设计分享网是一个提供平板APP和html5网站模版UI作品展示的网站，帮助设计师们寻找灵感，激发你的创意思维，支持邮箱订阅最新更新，每天都可以让你找到创意模版设计资源。
在该网站你除了可以寻找合适的UI外，还可以提交自己的设计作品，该网站收录的创意作品，除了有截图还会发布作品设计来源，也可以作为宣传自己团队的平台来使用。
1.找设计灵感，只认Pinterest--------Pinterest以瀑布流展示图片为主，图片资源丰富强大，不像花瓣有些关键词滑几页就没有了，在设计初期发散思考时，浏览Pin简直高效出活。（昨天被pin挂了的新闻刷屏了???sadface）2.看完整的设计项目，作品，用Behance--------Behance包括工业设计，交互设计，视觉，建筑各个领域，重点在展示完整的项目作品上，所以需要点击各个作品进入弹窗看，一个弹窗包涵文字，图片，视频介绍。3.找视觉素材，UI，动效，推荐Dribbble--------Showandtellfordesigners个人很喜欢dribbble上的视觉风格，扁平化风格较多，配色走心，最喜欢的一个功能是dribbble上一张图会有主颜色色号的信息，并且点击相关色号会进入所有用到这个色号的作品页面，配色方案一堆自行搭配自行选择，简直视觉类网站的业界良心。4.找优质视觉资源，上Niice--------Niice毕竟是从behance和dribbble等优质设计网站上过来的资源，优质中的精华，个人感觉在包装、平面等更偏艺术领域的资源较多。5.作品集浏览、发布，Issuu--------
记得之前有设计小白来问去哪可以看到完整的学生交互项目，安利了issuu给他，在浏览别人作品集的同时，也可以看到很多完整的设计项目，最喜欢它的展示功能，增强作品集展示效果，只加分不减分。6.CG
娱乐设计艺术资源类--------ArtStation有很多CG设计类的图片，视频，模型等，之前被一个做游戏原画师的同学安利的网站。7.ICON
资源下仔类--------NounProject这个没啥好说的，貌似不翻墙也能上，还有一个国内网站也不错，Iconfont-阿里巴巴矢量图标库，另外一个icon比较好看的：Iconfinder-1,500,000+freeandpremiumicons，好看到你怀疑能不能直接拿来用。。。只是需要收费，建议商用8.字体设计，GoogleFont--------/
对于网页设计师和前端人员来说，是个很棒的字体库，设计师可以使用字体库提供的免费字体来网页设计，而前端人员可以直接调用WebFont样式。9.机械/工业设计/模型类参考网站/DIY
HowToMakeInstructionsMakerBotThingiverseHome|www.robives.com
工业设计，tangibleinteractiondesign的设计师可以看过来，里面有很多免费资源，以及与机械相关的理论，制作等等。对于做装置艺术，硬件交互有很大的帮助。作者：阿绿来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
目前比较流行的网站设计风格有哪些？
1、全屏网页设计(FullScreenDesign)
网站设计制作所谓设计不分家，近年来平面设计里“纯净”“留白”等概念也被互联网设计吸取，为了更简单明了的突出主体，提供更舒适的感官感受，很多网站开始采用全屏网页设计，利用精心挑选设计的漂亮背景，加上合理的页面布局，视觉冲击力大可很好的吸引观者注意。通常页面内的文字内容不会特别多(所出现的少量文字加上精美的排版将会变得更加吸引人)，主要以图片展示为主。这个样子的网站多用于摄影团队或个人作品集展示会比较常见。虽然简单养眼，但是承载信息有限，公司部门的主页很少见这样的设计。
2、响应式网页设计(ResponsiveWebDesign)
现在越来越多用户都拥有多种终端：台式机，笔记本，平板电脑，手机，能够适应不同尺寸显示屏的网页是现在的潮流，甚至是未来很长一段时间的设计趋势。那么响应式网页设计就是来解决这个问题的。这种特别的开发方式能保证网页适应不同的分辨率，让网页要素重组，使其无论在垂直的平板电脑还是智能手机上，都能达到最好的视觉效果。网站设计制作除了多终端的多样化，我们还可以看到我们的电脑屏幕，手机屏幕都在不断变大，而在对未来生活的预测、概念设计里，“屏幕”这个产物更是被运用到多种新平台上。例如微软发布的“未来生活概念视频”里，厨房、室内墙壁、办公室玻璃墙面都成为了交互平台。所以我们可以发现，响应式网页设计所具备的良好的适应性和可塑性，在未来的网页设计里将占有举足轻重的位置。
3、扁平化设计(FlatDesign)
网站设计制作扁平化设计可以说是去繁从简的设计美学。去掉所有装饰性的设计，可以说是对之前所推崇的拟物化设计的颠覆。我们不能妄加评论说这是好还是不好，只能说它提供了一种新的设计思维。扁平化设计是否会成为将来的趋势我们也无法回答，尽管褒贬不一，备受争议，但是就现在来说它是当下的一种潮流。
4、视差滚动设计(ParallaxDesign)
网站设计制作视差设计可以说是近年来网页设计中的一大突破，也备受推崇。视差滚动是让多层背景以不同速度滚动，以形成一种3D立体的运动效果，给观者带来一种独特的视觉感受。除此以外，鼠标滚轮的流畅体验，让用户在观看此类网站时有一种控制感，简单来说这是有响应的交互体验。就好像童年看到走马灯，转动它你就能看到人物动起来，还能欣赏故事。视差滚动设计的趣味也在于此。所以无论是网站还是电商商品宣传页都经常采用视差设计，吸引眼球也很受用户喜爱。
5、无限滚动模式(瀑布流)
有一些网站内容很多，但他们并没有简单分页，而是采用的是一种垂直瀑布流的方式布局。将那些内容垂直排布，当用户纵向滚动时，内容会不断更新好像永无止境。这样的瀑布流很早之前就开始流行，最早采用该布局的是pinterest。这样的滚动页面就大大减少了分页的数量，个人认为对于这类信息量大，每日更新数据快的网站是比较不错的方案。
6、滚动侦测网页设计(Scrollspy)
网站设计制作利用CSS的实现将导航栏固定在网页顶部(大多数是顶部，当然也有侧面或底部)，并将版面内容按照导航顺序垂直或横向排布，使得用户点击相应导航tab时页面自动滑到相应页面，而若点击内容，导航也将随之改变。这样的网页设计页面基本不会跳转，每一个tab所指向的页面内容也基本一屏显示完整，所以在页面呈现的内容上会有所局限。为不影响布局一般也会伴随自适应。滚动侦测式的网页会给设计师带来了很大挑战——要在有限空间内保证内容呈现的完整性，故设计师会在版面上下足功夫。而这类网站结构和视差设计有异曲同工之处，所以我们发现很多网站会结合两者，给观者带来不一样的视觉感受和用户体验。
7、网页的风格化设计(ThestyledesignofWebpage)
网站设计制作现在的网页早已不再像过去受诸多条件和技术限制了。其呈现方式颇为丰富。风格从清新到复古，插画手绘到拟真设计，无奇不有。无论是版面版式，还是设计元素，用标新立异这个词形容绝不为过。根据自己撇到的冰山一角，提一下对我感触最深的变化：
(1)注重字体设计(Payattentiontothefontdesign)
近年来很多设计师将字体设计也融入了网页设计中，并作为设计的一个重要元素提升整个网页品味。通过使用CSS3设计师可以拥有许多自定义的字体，这给网页的视觉设计也增加了一个重要的设计思路。
(2)丰富灵活的动画(Theflexibleanimation)
Html5和flash的广泛应用，让网站设计制作的交互动画变得更加生动有趣。
通过观察这些趋势如何影响现代网站设计，或许可以为网页设计师带去指引，发散出新想法。
(3)平面设计感的加强(Strengthenthesenseofgraphicdesign)
网站设计制作随着设备和技术的革新，早已突破了过去单一框架的限制，变得更加灵活。所以就页面风格更多地开始向平面设计靠近，许多页面设计得极赋海报和杂志的版式感。时尚而富有冲击力。虽然设计师和开发者都需要和市场接轨并跟上潮流的脚步，但是所谓的潮流是当下的，未来确是未知的。网站设计制作的确需要保证自己不被行业趋势甩到队尾，但更重要的是在浪潮中适应和学习。
1.全屏网页设计(FullScreenDesign)，
2.响应式网页设计(ResponsiveWebDesign)
3.扁平化设计(FlatDesign)
4.视差滚动设计(ParallaxDesign)
UI设计师应聘时给HR发作品集应该用什么格式
1、作品集最好打包成PDF，页数控制到50~100页。
2、投递简历一定要附上作品集，最好可以有个作品集链接，方面查看，作品集的压缩包名字一定要有姓名。
3、如果作品集已经是上线项目，可以给面试官直接展示。ui设计师不单纯从事美术绘画，而需要定位软件使用者、使用环境、使用方式并且最终为软件用户服务，他们进行的是集科学性与艺术性于一身的设计，他们需要完成的，简单说来，正是一个不断为用户设计视觉效果使之满意的过程。ui设计从工作内容上来说分为3大类别，即研究工具，研究人与界面的关系，研究人。与之相应，ui设计师的职能大体包括三方面：一是图形设计，即传统意义上的“美工”。二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。三是用户测试/研究
ui设计师主要是界面设计，还有一部分是参与软件的研发，需要懂一些网页代码制作，和编程语言。作品集最好在线保存，便于查看，可以用蓝湖托管，不需要下载，在线就能查看，很适合面试的时候发给面试官。长图一张（作品展示），纸质一份，最好再备上一份ppt（感兴趣的hr会看）
有线上作品的最好把作品网页链接附上
大学生学设计要知道的高质量网站
图巨人
网站介绍：图巨人网专注共享精品设计素材下载网站。提供企业荣誉文化墙,党建文化墙,背景图片展板,免抠元素,节日海报素材,psd素材,每日更新。
官网链接：https://www.tujuren.com/
觅知网
网站介绍：专注原创版权设计模板图片素材下载。超过200万PPT模板、海报、PNG素材、背景、插画、元、摄影图片、字体、视频、音频素材供会员免费下载。
包图网
网站介绍：包图网对于刚开始学习平面设计的朋友来说，是一个对自己提升技能的工具。上面不仅有各种各样的平面广告，还有音频、视频、PPT、简历等等，都是非常好的参考模板。
设计必看
学设计必看
辅助设计工具
优秀作品
创造美的网站
提高审美
灵感采集类
1.Dribbble：著名设计师作品分享平台， UI作品为
主，搜索英文关键词便可看到相关作品。
2.Behance：Adobe旗下的设计师交流平台，世界各地设计师在这分享作品，同样搜索英文关键词。
3.P interest：个人创意及视觉探索工具， 内容丰富全面，基本各类设计作品都能搜到。
4.CreatebyAdobe：Adobe官方灵感采集网站，可获取摄影、插画、品牌、设计等灵感和教程。
5.Https ter：收集世界各地优秀网页设计作品网站。
6.Logopond：Logo设计网站。
77.Instant Logo：提供矢量下载的各大公司Logo网。
8.lapa：精美Landing Page落地页收集。
9.aww wards：展示最前沿的web设计， 并可以对那些网站打分。
10.deviantart：插画艺术家的聚集地作品， 质量非常高，时常看看对审美提高有很大帮助
资源素林类(源文件下载)
1.freebies bug：最新最全的设计源文件下载。
2.un draw.co：免费可商用矢量插画下载， 下载格式支持svg和png， 可再次修改。
3.1 store.graphics：各种电子设备下载， 质量很高。
4.Subtle Patterns：免费使用的海量平铺背景素材。
5.out lane.co：免费插画素材下载， 支持svg和png
格式，品质非常高。
6.Noun Project：免费图标资源下载， 风格一致，
有png和svg两种格式。
7.vect e ezy：各种免费素材源文件下载。
8.fri bbb le：免费dri bbb le资源源文件下载。
9.free pik：非常全面的源文件的免费下载网站。
10.pixel buddha：免费优质的设计资源。
11.Russ fuss：创意兼实用的纹理设计展示网站。12.nice psd：丰富的源文件下载网站， psd格式为主。
高质量无版权图片
1.un splash：我最常用的图片素材网站， 都是高清无版权的大图，有时不用图片也会常去欣赏美图。
2.pex els； 综合性的免费图片下载网站。
3.visualhunt：3亿张免费图片下载，非常全面。
4.pix a bay：支持中文搜索。
5.foodies feed：高质量美食图片免费下载。
6.mag del eine.co.免费高清灵感图片。
7.new old stock：专门下载老照片的网站， 很有逼格。
配色
1.日本D伝统色(http：//nipponcolors.com/)：
日本传统颜色采集，也可用于中国风，颜色非常古朴雅致，交互也很讲究。
2.lol colors：非常cute的配色网站， 方便实用。
3.ui gradients：一个简单的渐变生成网站， 可以用
来产生各种漂亮渐变背景。
4.color favs：上传并匹配提取图片风格的颜色。
5.在线配色器：Adobe公司出的配色工具， 你可以用
单色，互补色，类似色等搭配方式找到理想的色彩
搭配方案。
6.color hunt：每日配色灵感， 挖掘配色灵感神器。
字体
1.字体天下：非常全的中英文字体下载网站。
2.私藏字体：都是比较精品的中文字体。
3.urban fonts：成千上万的免费英文字体供你下载。
4.font ex：免费可商用英文字体下载。
5.creative booster：非常喜欢英文字体网站， 有
大量优秀，优美的字体。
6.font flame：专门寻找字体搭配方案， 非常有用。
7.font squirrel：免费可商用的英文字体。
8.kevin and amanda：独特的手绘风格英文字体。
工具类
1.remove.bg：高效的在线一键抠图网站。
2.0penPeeps：近60万种可商用人物涂鸦素材。
3.Tiny png：图片尺寸免费在线压缩网站。
4.jpg-to-pdf：在线JPG互相转PDF网站。
5.colour is e：老照片上色。
6.trace by sticker mule：线上一键去背景。
7.Russ fuss：创意兼实用的纹理设计展示网站。
视频类
1.life of vids：视频质量非常高， 网站设计精美。
2.mix kit：可下载高质量视频和插画素材。
3.vid evo：免费视频、音乐、声音素材下载。
4.vide ezy：高清视频素材下载， 支持4K。
5.we distill：每10天更新10部精美视频素材。
有没有一个网站集设计素材、网站模板下载的啊！
站酷
网站介绍：诞生于2006年8月的站酷（www.zcool.com.cn），以“为设计师及爱好者提供最便捷、最贴心的服务”为宗旨，是一个以“设计师”为中心，服务于创意产业、服务于创意人才的“设计师互动平台”。分享最新最实用的素材资源，推荐会员设计师的优秀设计作品，提供设计探讨技法交流的学习氛围。建站以来，内容不断充实，产品不断增加。现在，站酷（ZCOOL）已成为设计师最喜爱的设计站点之一。
网站简评：专业完美的素材下载与设计分享网站，提供矢量素材、PSD分层素材、图标素材、高清图片、原创作品等内容。前沿时尚的设计风格，日韩欧美设计素材应有尽有。站酷网站简洁美观，视觉冲击力强，广告排列整齐有序，设计师倾力推荐。
懒人图库
网站介绍：懒人图库自建站以来，一直致力于网页素材的提供，目标是做成国内最大的网页素材下载站。懒人图库口号：学会偷懒，并懒出境界是提高工作效率最有效的方法！
网站简评：专注于提供网页素材下载，其内容涵盖网页素材、矢量素材、JS广告代码、小图片、网页背景、导航菜单、PNG图标，等等。懒人图库深入人心，做到了“让任何一个网页设计师都能轻松找到自己想要的素材”。
中国素材
网站简评：提供各类设计素材的收集下载，包括：图片、素材、壁纸、网页素材、动画素材、矢量图、PSD分层素材、3D、字体、教材、图标，等等。素材中国收集了很多商业广告的源文件（PSD/CDR/AI），部分资源需要收取一定费用（点数）。不足的是，文件下载页面的广告太多，造成版面凌乱，用户体验差（素材中国为个人站点，站长可能很注重挂靠联盟广告，感觉像是一个百度、谷歌广告网站）。另外，只支持迅雷、快车下载，考虑不是很周全，大概也是因为加入了迅雷联盟和快车联盟的缘故吧，要不怎么会这么一个劲的推荐使用“迅雷”、“快车”下载呢。
素材资源库
网站介绍：素材资源库是52DESIGN旗下的设计资源网站，提供在线免费设计素材资源下载服务。
网站简评：资源丰富，分类繁多，就是没有提供资源搜索功能，使用起来不太方便。提供网页模板、Flash源码、矢量素材、PSD素材、透明Flash资源、字体下载、PS笔刷、网页背景、音效素材、脚本特效，等等。