ui设计必看的国内网站

1、关于UI设计师必看的面试经验和技巧?

我们经常可以在脉脉的匿名区，或者QQ群还有知乎等平台上面发现一类朋友：我面试了10几家公司了，都等了半个月了还没有回复，现在UI市场饱和了吗，工作也太难找了吧!，这都找了两个月了。
这里要说一下，之所以没有公司发你offer，本质原因就是你的能力和公司要求的岗位不匹配。
接下来，看一组数据：波士顿咨询指出，截止2013年，世界设计师人数为9000万，而中国设计师人数就有1700万，互联网设计师的占比就有50%以上。UI设计在2000年的时候就在中国开始发展，2009年苹果公司正式把iPhone带入中国，移动UI开始红火，在2012-2015年这几年发展的最为迅速，各种培训班纷纷出炉，口号是毕业包工作，月薪6k+，这对于刚毕业的学生和转行的朋友们无疑是一根救命稻草，加上当时许许多多的公司高薪聘请一些学过点规范但只会用PS的UI设计师，导致整个UI市场的供不应求，培训班大量的崛起，流水线式的培训“UI设计师”。我们已经发现，2015年下半年开始UI市场的泡沫开始消散，但是依旧许许多多的人趋之若鹜，以为培训完就能拿高薪，我们都知道数量多的时候，质量决定价值，所以你还找不到工作是因为你的价值还不够高。
那么讲这么多，我们如何顺利拿下面试这个终极副本：
1. 优秀的作品(顶级的装备)
2. 优秀的逻辑和表达能力(操作，手速)
3. 优秀抗压及任务分解能力(应变能力)
4. 优秀的IQ和EQ
5. 彩蛋问题(运气)
优秀的作品
首先，请带上你认为你做的最优秀的2-3个左右的作品，当然是优秀的都可以带，但是请不要将陈年过气的作品都带上，第一，如果面试官问你你回答不出来，你也只能说一句这是很早以前做的，当时可能考虑的不周到，还不是给自己减分?第二，不成熟的作品拿出来会让面试官觉得你不够”聪明”。
其次，可能面试官会把你的效果图和最终上线产品的页面相比较，为什么?这是看你的执行力与推动能力，也看看你是不是一个对自己项目负责的人。当然效果图和上线图有差距是由很多因素决定的，不一定效果图好看，落地图一般，就说明这个人能力不行，还是要综合来看的。

2、新手必看：UI设计师是如何设计一个产品图的

1. 负责公司产品在智能电视、PC端、移动端页面/应用的整体设计;
2. 基于用户体验、人机交互、图形化设计、界面设计等前沿理论实现产品风格设计;
3. 充分理解产品策划思路及理念，配合产品经理和研发人员实现产品各种界面的视觉设计;
4. 建立和完善产品界面视觉设计规范;.
5. 根据交互设计及产品规划，完成产品(iPhone、Android 、Web平台App及网站)相关的用户界面视觉设计。
6. 配合产品开发中的图形界面(GUI)设计。
7. 完成产品相关推广活动的专题页面、FLASH的设计及制作。
8. 与研发团队充分沟通协作，确认可控的误差范围和视觉效果的最终实现;
9. 根据视觉设计的发展趋势及用户研究的结果不断优化产品的图形界面(GUI)

3、入门必看的视频，UI设计的整个工作流程是怎样的

一、产品定位与市场分析阶段

1、 目的（UI设计师应了解产品的市场定位、产品定义、客户群体、运行方式等。）
2、 主要执行人员（UI、UE、需求）
3、 需沟通人员（销售）
4、 实现步骤（会议讨论）
5、 UI主要职责：（定义用户群特征、定义最终用户群、定义产品方向）

二、用户研究与分析阶段

1、目的（UI设计师收集相关资料分析目标用户的使用特征、情感、习惯、心理、需求等，提出用户研究报告和可用性设计建议。这部分工作有团队配合完成。时间与项目需求允许的情况下，更可以制定实景用户分析）
2、主要执行人员（UI、UE、需求、技术）
3、需沟通人员（销售）
4、实现步骤（纸搞线稿、黑白稿、原型）
5、UI主要职责（收集相关资料分析目标用户的使用特征、情感、习惯、心理、需求等，提出用户研究报告和可用性设计建议。这部分工作有团队配合完成。时间与项目需求允许的情况下，更可以制定实景用户分析）

三、架构设计阶段

1、目的（这里涉及到比较多的界面交换与流程的设计，根据可用性分析结果制定交互方式、操作与跳转流程、结构、布局、信息和其他元素）
2、主要执行人员（UI、UE、需求部门）
3、需沟通人员（技术、销售）
4、实现步骤（UI进行风格设计出界面，和需求部门拿出定稿；UE对原型进行优化，整理出交互及用户体验方面意见，反馈给UI及需求部门；UID等待效果图，开始代码编制）
5、UI主要职责：（根据可以性分析结果制定交互方式、操作与跳转流程、结构、布局、信息和其他元素。界面设计、图标设计、风格设计）

四、原型设计阶段

1、目的（根据进度与成本，可以把原型控制在“手绘-图形-Flash-视频几个质量范围）
2、主要执行人员（UI、UE、需求部门）
3、需沟通人员（UID、技术）
4、实现步骤（设计规范；代码及程序开发）
5、UI主要职责：（对前面所以工作以设计方面的实施，根据进度与成本，可以把原型控制在“手绘-图形-Flash-视频几个质量范围，原型的本质更倾向与一个DEMO，它不需要有全部的功能，但要体现出设计对象的基本特性）

五、界面设计阶段

1、目的（根据原型设计阶段的界面原型，对界面原型进行视觉效果的处理）
2、主要执行人员（UI、UE、技术）
3、需沟通人员（UE、销售）
4、实现步骤
5、UI主要职责：（该阶段确定整个界面的色调、风格、界面、窗口、图标、皮肤的表现）

六、界面输出阶段

1、目的（配合好开发人员完成相关的界面结合）
2、主要执行人员（技术）
3、需沟通人员（UI、UE、需求部门、销售）
4、实现步骤
5、UI主要职责：（对界面设计阶段的最后结果配合技术部门实现界面设计的实际效果）

七、可用性测试阶段

1、目的（针对一致性测试；信息反馈测试；界面简洁性测试；界面美观度测试；用户动作性测试；行业标准测试）
2、主要执行人员（程序测试部门）
3、需沟通人员（UI、UE、程序、需求部门、销售）
4、实现步骤
5、UI主要职责：（负责原型的可用性测试，发现可用性问题并提出修改意见）

八、完成工作阶段

1、目的（对于前面七个阶段的设计工作进行细节调整）
2、主要执行人员（UI、UE）
3、需沟通人员（技术、销售）
4、实现步骤
5、UI主要职责：（可用性的循环研究、用户体验回馈、测试回馈、UI人员把可行性建议进行完善）

九、产品上线

1、目的（检验前面界面设计的成果是否符合市场及用户群体）
2、主要执行人员（销售）
3、需沟通人员
4、实现步骤
5、UI主要职责：（收集市场对于产品的用户体验，并记录诚文字说明）

十、分析报告及优化方案

1、目的（了解整个界面设计的优缺）
2、主要执行人员（UI、UE）
3、需沟通人员（技术、销售）
4、实现步骤
5、UI主要职责：（对于前九个阶段的界面设计进行详细系统的整理，为下一次界面设计提供有力的市场及专业论据）

4、UI设计新手必看，如何掌握光线和阴影

UI设计新手必看，如何掌握光线和阴影让作品更自然，给用户更好的体验
刚想转到UI设计的新手们，可以觉得ui设计其实很简单，仅只是做做图标，画画界面，但真正等你开始接触后会发现这里面学问很多，务必要注意的几条法则。首先是光影。

光影法则：光线来自天空

阴影能够告诉人脑我们到底在看什么样的UI元素。

这可能是学习 UI
设计时，最容易忽略却又极为重要的一点了:
光线来自天空。光线总是从天空（上方）来的，从下面照上来的光看起来会非常诡异。

当光线从天上照下来的时候，物品的上端会偏亮，而下方会出现阴影。上半部分颜色浅一些，而下半部分深一些。从下面打一束光到人脸上是不是看起来很渗人？UI
设计也是同理。我们的屏幕是平的，但是我们可以通过一些艺术手法让它看起来是 3D 的，在每个元素的下方加一些阴影。

就拿这个按钮举例，这是一个相对“扁平化”(flat) 的按钮，但依然可以看出一些光线变化的细节:  没有按下去的按钮底部边缘更暗，因为没有光线照到那里。
没有按下去的按钮上半部分比下半部分稍微亮一些。这是在模仿一个略有弧度的表面（见侧视图）。 没有按下去的按钮下方有一些细微的阴影，在放大图中看得更清楚。
按下去的按钮整体颜色都更暗了，但下半部分的颜色依然比上面深。这是因为按钮在屏幕的平面上，光线不容易照到。也有人说，在现实中，按下去的按钮颜色更深，因为手遮挡住了光线。
这么一个简单的按钮就有 4 种不同的光线变化。实际上，我们可以把这种原则运用到各处。

iOS 6
有点过时了，但还是学习光线不错的案例。这张图是 iOS 6“勿扰模式”和“通知”的设置，看看上面有多少种不同的光线变化。
 控制面板的上边缘有一小块阴影。 “开启”滑动槽上部也有阴影。 “开启”滑动槽的下半部分，反射了一些光线。
按钮是突出的，上边缘较亮，因为是与光源垂直的，接收了大量光线，折射到你的眼睛中。 因为光线角度的问题，分割线处出现了阴影。

通常会内嵌的元素：  文字输入框 按下的按钮 滑动槽 单选框（未选择的） 复选框

通常会外凸的元素：  未按下的按钮 滑动按钮 下拉控件 卡片 选择后的单选按钮 弹出消息 等等，现在不是追求扁平化的设计吗？

iOS 7
引发了科技界对于“扁平化设计”(flat design) 的追求。也就是说图标是平的，不再模仿实物而外凸或内凹，只有线条和单一颜色的形状。

我很喜欢这种干净、简洁的风格，但是我认为这种趋势不会长久。通过细微的变化模拟出
3D 的效果非常自然，不会被完全取代的。

在不久的将来，我们很可能会看到半扁平的
UI（这也是我推荐你使用的设计风格）我把它称为“flatty
design”，依然非常干净简洁，但是也有一些阴影，有轻点、滑动、按下操作的提示。

5、新手必看，UI设计到底难不难，如何更快的上手

UI设计的入学门槛其实并不是很高，想要学一些基础的UI设计技能还是很简单的，并没有多难，想要更快的上手UI设计，可以先学好以下几项软件技能：
一、PS，全称Photoshop

目前PS最新版本的话是PSCC2018，这个版本的话是前不久发布的，这个版本的功能的话非常的强。PS可以在UI设计中主要负责做切图，界面设计，图标设计。

二、AI，AI CC
2018也是前段时间和PS,AE一起发布的。AI的话做插画比较厉害，UI设计主要就是做图标和界面设计，肯定有人好奇会问老师为什么要学习PS，AI这两个咧？你可以这么解理，可以把PS和AI比喻成UI设计的左手和右手，你说左手重要还是右手重要？有人说右手重要，右手可能确实重要一些，但没有左手行不行咧，有时候还真不行，因为有左手的话可以提高效率，有时候做图标的话是AI快，有的时候是PS快，所以最好两个多会。这样子的话不管你在哪个公司技法这块就完全难不到你了。

三、AE，AE最新版本也是CC 2018
说到AE肯定很多没接触过UI设计的网友会问AE在UI设计中做什么的咧？PS，AI能做界面做图标我能理解，那AE到底是做什么的？我们有的时候会发现我们手机上的APP你每一个APP的切换会有一个若隐若现的效果，再比如说我们手机锁屏解锁的那种效果。所以这种交互动效就是用AE做的，虽然说PS也能做，但是PS不是做这个行的，所以用PS做的话效率会比较低，专业的话还是学AE做动效会好一些。现在很多的公司都成立了自己的动效设计部门。

四、APR
APR主要在UI设计中做原型图，虽然PS,AI也能做，但是ARP还是专业一点。为什么呢？因为ARP可以做一些动态原型，可以把原型链接起来，比如说我们注册页面，注册前注册后不一样的效果展现。还有咧，比如说你点击后会变颜色，会跳转，会到第二个页面，这个都可以用ARP来实现，就是模似一个真实的效果，他是比较山长做这个，毕竟AI,PS的核心不是做这块的，所以没有ARP专业。

当然也不是说学会这几样软件就是好的UI设计师了，UI设计师虽然是基于软件的，但是除了软件需要掌握的东西还很多，例如当下流行的元素，人们的喜好等。