市场合作，请您联系：
品牌广告合作，请您联系：
企业创新合作，请您联系：
满足以下场景，获得更高通过率：
新融资求报道
新公司求报道
新产品求报道
创投新闻爆料
为你推送和解读最前沿、最有料的科技创投资讯
聚集15家顶级投资机构的专业互联网融资平台
聚集全球最优秀的创业者，项目融资率接近97%，领跑行业发布者: mobileui
当你买东西的时候，你通常会仔细审视将要购买的东西，防止自己一个不小心入坑了，结果东西砸手里。尤其是当你在买大件的时候，你脑子里更是会有问题一个接着一个蹦出来。比如买车，你会仔细考虑这款车型是否符合自己偏好，可靠性如何，按揭的话压力大不大，对自己的孩子而言是否安全可靠，油耗是否跟得上发改委的调控，车内空气过滤系统能否抗衡祖国的PM2.5，等等等等。
其实入行做设计也一样，设计师光鲜亮丽的光环之下，其实也有苦自知。许多正在入行以及准备入行的同学总会问，设计师这份看似很有前途的职业到底坑不坑，是否是走向人生巅峰的绊脚石？所以，今天，我们同11位平面设计圈的前辈聊了聊设计职业的各种坑，为各位选择入坑的同学敲敲边鼓，亮亮红灯。
在前辈们吐苦水谈人生忆苦思甜挥斥方遒之后，我们总结出设计师入行（入坑）之前，必知的8件事情。如果你不顾亲友阻拦决意入坑的话，相信这些前辈们的经验，能让你少走几次弯路（意思就是总有一些坑是无法完全避免的，少年）。
1、别指望这是一份朝九晚五的工作
如果你希望找一份朝九晚五的工作，加班无关，双休俱全，那么设计应该不是你想要的工作。虽然确实有很多招聘启示上写着各种诱人的工作条件，但是少年，你总会发现享有那样工作体验的前提是，你得达到严苛的要求，为此你还是得主动加班。
设计师是一份工作时间并不那么固定的工作。这也是为什么有许多设计师选择做自由职业者，自己掌控工作时间。对于那些有恋家情节，或者是希望在家工作的设计师妈妈们，是个不错的选择。
2、你需要一颗坚强的心（不要太在意被拒绝/打击）
前辈们一致认为，设计师是世界还是挺残酷的。在设计师的残酷成长道路上，你需要一张耐操的厚脸皮，来应对各种专业和不专业的批评指正，与指责。另外，很重要的一点是，你的老板和你的客户是给你付薪水的人，他们不一定懂设计，但是他们拥有决定权……永远都是。
设计行业本身就不轻松——甚至可以说是极为残酷——总会有新项目出现，老的产品和设计很容易被忘记。如果你有所懈怠，就必须尽快振作精神，调整自己，继续前进。你必须学会不去纠结于过去，这是成功的设计师必须具备的基本素质。
3、学习永无止境
当你从学校毕业进入社会，开始自己的第一份设计工作，通常你会发现这份工作永无止境，没完没了。设计行业是一个快节奏、不断变化的行业，你不得不在应付各种新项目的同时，持续关注最新的技术和趋势，保持更新，持续了解。
成为设计师之后，你投入多少精力，才能收到多少收获。如果你没有成为专业设计师的上进心，不停成长，那么你会很快被淘汰。只有始终跟随设计产业的发展而学习，才能在激烈的竞争中脱颖而出，才能构建属于自己的客户群。
4、这是一个服务型产业
你必须始终牢记一件事情，作为设计师，你所做的一切都是服务于你的客户。别忘了，是你的客户聘请你来设计。在你开脑洞发挥创意之前，你首先得满足你的客户的需求，让他们高兴满意。
你必须始终信任并尊重你的客户。如果他们所提出的要求并不符合你的意愿，也得有风度地礼貌处理。你需要同客户分享你的专业意见，但是不要表现地比他们更了解他们的业务。
5、仅仅掌握软件远远不够
在这个信息爆炸的年代，“设计师”这个称谓不值钱，任何可以玩转作图软件的人都会被冠以这个称谓。你笔记本电脑上那个旧版的Photoshop并不足以证明你是一名专业的设计师。
业内人士普遍认为，真正的设计师还是需要经过相对专业的培训，在技术上需要有完备的理论学习，了解行业的历史和传统。当你完成设计的时候，你不仅要能说清楚怎么实现的，具体做了什么，还有能解释清楚为什么要这么设计。
6、你需要学习商业技能
虽然好设计能给人带来惊喜，但是设计师的工作远不止折腾有趣的字体的漂亮的配色。保持设计的艺术性和创新性自不比多言，但是如果你不了解如何控制预算，处理好发票，管理好客户，那么从长远来看可能会非常吃力。
作为设计师，你需要掌握一些市场营销方面的知识，提升技能。你不仅要保持设计的美观，还需要明白如何为特定的观众提供有针对性的信息。拥有商业头脑，能让你的设计更上一层楼。
7、你仍然需要数学知识
如果你认为搞设计能让你从可怕的数学世界中脱离出来的话，那你就错了。虽然设计师这个职业能让你肆意挥洒创意，但是在你仍然需要每天同数字打交道。至少对绝大多数设计师而言是这样。
当然，你不必成为数学高手，但是若要成为一名靠谱的设计师，还是得对常用的数学知识熟练掌握。从计算布局大小到设计创意原型，从预算计划到记账开票，你依然得倚靠这些你不待见的数字来搞定这些问题。
8、要么爱设计，要么走远点
虽然这并不是最重要的事情，但是入行久矣的前辈们一致认为，对设计的热情是成就你的设计人生的最重要的因素。如果你不爱你做的事情，那么你会迅速地倦怠、开始心生怨忿。如果你对设计没有足够的兴趣和专注力，那么长时间的持续工作和严苛的要求会不断地折磨你，直至失控。
对，这样的工作会让你心塞，令你受伤。你花费几个小时精心制作的东西可能会被客户无情地贬斥视作垃圾，你也得忍着。只有真正乐观的心态，才能助你用心借助视觉媒介传达出对的信息，对设计真正的爱才能带你保持专注，应对挫折，成为大师。
最后，问自己一句，真的准备好了么？
当然，在真正毕业成为设计师之前，设计美好的一面你想必多少都了解一些，而看完这些残酷的现实，了解了设计师职业生涯上的8个大坑（当然，还有许多小坑咱们没有时间一一总结）之后，想必你已经清醒地了解了设计师的职业生涯吧？了解设计，了解自己，你准备好了吗？
信息提供：
Allison Dalton, art director at Ridiculous Creative
Billy Joe Pyle, creative director at Mint Advertising
Caitlin Ward, art director at Mint Advertising
Jacob Cass, graphic designer at JUST Creative
Jamie Volansky, graphic designer at Mint Advertising
Lidia Varesco Racoma, owner of Lidea Varesco Design
Mike Steele, creative director at Vitalink
Natalie Dewhirst, chief operations officer at ThreeTwelve Creative
Patrick Barcinas, graphic designer at Mint Advertising
Russell Dow, senior designer at PGAV Destinations
Taylor Irwin, art director at Mint Advertising
走上设计这条不归路，那么这些文章能帮到你：
原文地址：
优设网译者：
向您推荐：
@Echo 由于iOS 和 Material Design的组件体系有些不一样，所以关于组件的分类体系我会分iOS篇和Android篇来讲解，本篇文章为iOS 篇。
对于大部分入门设计师及中级设&
如果你关注过一些取得大成就的人，总会在他的成长故事中发现很多传奇的经历，比如少年时代的天赋异禀，或是30、40岁的大器晚成，为了做好某件事的废寝忘食等等…然后摸摸自己的胸脯说，他们是天才，我只是个普通&
WWDC 2017 Keynote 结束没几天，相信很多对 UI 设计有兴趣的朋友应该很好奇 iOS 11 详细的设计变动有哪些，但是自己的手机又不方便装开发者版本，所以就让我替各位踩雷吧。
UI设计涉及的内容非常广泛，包括PC端界面设计，移动端APP界面设计，甚至游戏，原画等。对于初学UI设计的人而言，可能对UI具体是做什么，或者自己是否能顺利转行胜任这样的岗位存在一定的顾虑，我们如何一&
其实菜心和大家一样都经历过阶段性迷茫，但我可以把自己经历的一些浅薄经验分享给大家，希望能有所启发。
经历的过程如下：
想学的太多
坚持与突破&
@Micu设计你是美工？还是设计师？你是合格的设计师吗？
设计工作中最基础的修图会吗？找素材拼图会吗？
如果这最基础都不会，能称自己是设计师吗？能漫天要价吗？
如果有点职业道德，先学&
从2011年开始接触APP，到现在为止也做了几个了，发现了一个共同点就是和每一个技术搭档切图的时候，会遇到不同的问题，因为技术的水平高低有限，所以他们要求你给切图的时候也会不一样，针对切图后来&
周陟 （@UCDChina 深圳负责人、交互设计专业委员会（@IxDC）部长） ：我发现一个问题，大部分刚入行或者经验不多的设计师在碰到问题的时候都喜欢”索取”，最好有个现成的东西放那儿给他供&
移动app开发中多种设备尺寸适配问题，过去只属于Android阵营的头疼事儿，只是很多设计师选择性地忽视android适配问题，只出一套iOS平台设计稿。随着苹果发布两种新尺寸的大屏iPhone 6，&
初涉移动端设计和开发的同学们，基本都会在尺寸问题上纠结好一阵子才能摸到头绪。我也花了很长时间才弄明白，感觉有必要写一篇足够通俗易懂的教程来帮助大家。从原理说起，理清关于尺寸的所有细节。由于是写给初学者&
Smartphone Booklet是Ilshat Garipov设计的一款概念智能手机，这种一次性手机厚度只有普通纸板那么厚，采用纳米材料，而不是传统的硅。这个手册手机展随着时代的变迁，移动产品的设计也有了更多的变化。用户的需求越来越多、使用的场景也更加复杂。也因此移动产品就有了更多设计的新思路。
在移动互联网行业的影响下，大量的传统开发者进入APP的领域，有做金融的，有做CRM软件销售的，有做房产的等等，扫码下载APP的方式无处不在。很
在移动互联网飞速发展的这几年，每年都会有一些新鲜的设计趋势涌现出来。2014年，又有哪些新的设计趋势脱颖而出呢？ 百度MUX有一群关注趋势的Instagram WP7 手机界面概念设计
Hi，大家好！鲲鹏，现在UI设计行业吸引了很多童鞋纷纷进军UI，最近很多童鞋说新手学习UI真的是很困...
随着移动优先的趋势，APP的设计也越来越受到公司重视，不断地提高APP的设计质量是每个设计师的追求，...
设计师的创意来源多不胜数，而网页和App只是取得资源的一个方式。今天这篇好..
莫贝网（）移动设备界面设计专业网站。为UI设计师提供手机界面设计，移动应用界面设计，平板电脑界面设计，导航界面设计等手持移动设备，移动终端界面设计相关知识的收集分享，共同学习的网站。
关注微博：> 来自 作者：uxmag
移动端的UI设计有其独有的一套设计规则和约束。新技术的不断加入促进了移动平台的快速增长，而移动端的UI设计也和传统的平面海报/网页设计不太一样。那么，要成为一个合格的移动端UI设计师需要掌握什么样的技能，经历怎样的涅磐才行呢？Part 1 挑战和制约每个媒体都有它的局限所在。即使是在移动端这个充满机会、自由和创意的平台上也有着许多亟待解决的问题，和无法回避的局限性。碎片化的移动端时至今日，市面上流通的智能机已经多不胜数了，不同的智能终端不仅仅尺寸不尽相同，而且因为分辨率的差异使得屏幕的像素密度也有很大差异，往细了考虑，这些终端的输入机制、屏幕比例、屏幕方向都会影响到移动端的UI设计。移动端的网页设计可以借助响应式设计保证不同屏幕下的浏览体验，相比之下移动端的APP设计则相对缺少流动性。所以，作为移动端的UI设计师，还是需要考虑屏幕差异造成的布局设计的不同以及用户体验上的变化。分裂的操作系统平台目前主流的三大移动端操作系统是iOS，Android 和 Windows Phone（市场份额较小，在国内基本被边缘化了），每个操作系统都有它们自己的一套设计规范，交互方式，程序接口，而随着操作系统的版本更新，这些东西也都有着各自的变化。其中最典型的就是Android操作系统的版本分裂，分裂所造成的程序兼容问题至今都尚未弥合，这其中涉及到了操作系统版本的差异，以及厂商定制化之后造成的千奇百怪的兼容性问题（Android开发者已经无数次哭晕在厕所）。iOS也随着6.0到7.0的大版本升级，经历了一个较长的过度时期，至今两个大版本之间在设计风格和兼容性上的问题还影响着开发者。Windows Phone 从7到8的升级有多蛋疼我就不在此赘述了，那不堪回首的过去和微软高管被口水淹没的场景我真的不想回忆。即使是三大平台在各自平台内交互设计有着较高的统一，系统版本分裂、操作系统差异以及厂商定制化所造成的影响是不容开发者和设计师忽视的。性能设计和构建一个APP的方式会直接影响到它的性能。换句话说，手机里安装的程序如果设计的好可以你的手机可以待机一天半，而如果其中有一个程序设计的有问题，会让你需要出门多带一个移动电源了。一些不必要的转场动画可能会让你的CPU为之进行密集地运算，一段存在问题的JS代码可能让你的浏览器耗费多于平常数倍的电量。也许今年刚刚上的Galaxy S5能够流畅运行某个应用，但是2年前的Galaxy Nexus可能会打开应用的时候立马卡出翔。总的来说，设计和开发，都会影响到APP的性能，甚至左右手机的续航（部分国产手机用户同开发者一起哭晕在厕所）。开发与成本控制有很多应用在构思之初非常酷炫新颖，但是这并不意味着它可以轻松实现。应用的设计和开发的方式会直接决定它能否在Deadline来临之前实现。如果我们无法认清一个应用的开发成本，那么开发者所承担的负担会成倍增加，也为应用的后续发展埋下了祸根。Part 2 抛弃思维定势当我们刚刚开始学习设计和开发的时候，，这个数字时代才刚刚开始，我们对于新兴事物的认知尚且稚嫩。学校教育和实际设计开发上的“时代差异”，让很多设计师对数字化的互联网的认知稍显“静态”，甚至形成某种思维定制，对于移动互联网也知之甚少。在这个信息爆炸的时代，激烈的竞争催化下的移动互联网正在以一种恐怖的速度演化、推进，这使得设计师们需要紧跟发展的步伐，随时更新升级自己对于互联网的认知。移动端并非画布移动端设计和平面设计有着巨大的差异，它不再是一张平面的画布。我怀疑PS和AI并不足以帮助设计师完成从平面向移动互联网的转变，尽管PS和AI已经帮助设计师们在过去的20年里完成了无数壮举。目前，我们依然需要借助它们来绘制更多不同屏幕尺寸下的UI和图标，但是我们需要借助更多的其他软件来展现移动端不一样的一面，比如用AE来绘制动效。从构思屏幕布局到考虑界面转换的确，当涉及移动端UI设计的时候，单单考虑屏幕布局是远远不够的。像Facebook Paper，雅虎天气，Weather Channl这样的优质移动APP就像我们证明了界面间的转场动画到底能让一个UI界面产生怎样的张力。而刚刚推出的Android L所用的Material Design则更是在看似普通的静态界面之后，隐藏了一系列让你欲罢不能的过度效果。界面转换之间的动效，在过去只为博得一笑，今天却正在走向主流，成为移动端的用户体验的核心。它正在成为交互和界面的重要元素，赋予界面以韵律和生命力。动效不仅呈现运动的过程，还能表现出空间、层次，变化，在基础的界面结构上为用户带来截然不同的体验。将你的“设计师做派”扔到一边你并不需要将界面做独特或者原创，尤其是当你是为了独特而重新设计所有的界面，然后让整个产品为独特而担上风险。很多时候，坚持使用原生UI元素和模式是让应用能按时出货的重要保证。比起强行推动独特原创的设计，很多时候更合适的做法是打造简单高效的交互界面，创造真正的品牌价值。真实的APP不比设计师的概念设计差很多设计师喜欢上Behance和Dribbble这样的网站上去找灵感，虽然其中有很动优质的设计作品，但如果你并非一个经验丰富的移动UI设计师的话，可能会被这些作品误导。其中很多设计都仅仅只是从未实现过的高保真Demo，当你正打算设计一个界面的时候，其中某些设计可能会影响你的思路。所以，不妨从那些已经上线的成功APP中汲取营养吧。你会从中汲取到丰富的营养，看到蓬勃发展的设计趋势，这些经过市场和用户验证的案例会让你明白什么值得学习的设计。Part 3 学习新技能了解平台正如同web设计师需要了解HTML/CSS一样，作为移动端UI设计师的你应该了解移动端APP的架构。首先移动端开发的语言和网页设计就不太一样，各个不同平台有着各自的编程语言和接口，界面的构成也无法使用CSS和标签来实现。你需要深入阅读官方的开发文档，明白APP的构成，编译方式，发布方式，了解设计的规则。这些东西不仅关系到你的应用开发好坏，还会影响系统的稳定性，电池续航长短等多种因素。作为移动端UI设计师，你单了解设计是不够的。当然，从长远来看，这对于你的职业生涯也很有好处。了解移动端的技术构成光了解平台的基本特征是不够的。接下来你需要了解它相关的技术构成：位置服务（wifi，GPS等），蓝牙（低功耗蓝牙技术），信号，前后摄像头，麦克风，陀螺仪，位置传感器，加速度传感器，指纹扫描仪（iPhone 5s），眼动追踪技术，语音识别，人脸识别，等等等等。每一个新技术的背后以为着应用程序更多的可能性，交互设计、使用体验，甚至商业模式。发掘本地UI组件的开发潜质每个移动操作系统中中总有着大量的本地UI组件，他们有着极大的自由度，方便你进行定制。你需求确切地知道他们的特征（尺寸，大小，功用），你可以为与你合作的开发者节省大量的工作时间。了解移动端的工作流程安装SDK并运行，了解移动开发框架，比如TubyMotion、Xamarin、Titanium。熟悉集成开发环境，因为这其中包含了移动开发所需的方方面面。了解移动端的界面模式三大移动平台之间，有着相似之处，但是在深入探究他们的交互设计，会发现它们在理念上的巨大差异。作为一个设计师，你需要明白这些差异所在，以及它们是如何体现在实际案例中的。不要只着眼于单一平台，三大平台都需要深入体验，每天至少都要把玩一下，并且最少要持续半年。在这个过程中，体会差异，并且将你觉得重要的、有代表性的、值得保存记录的界面截图留存。作为单一平台的狂热粉丝，你是做不好移动端UI设计师的。记录并解释你的UI设计考虑到屏幕截图并不足以表现UI全部的特性，你需要学会记录界面不同的状态、转变过程、转场动画等信息，并且学会记录界面对于不同状况的反馈。在设计阶段践行精益UX设计一个现代的设计师应该是具备战略眼光的设计师。你的目标不能局限于闷头制作漂亮的界面，你应该让你的设计与团队合作结合到一起，切合项目需求。洞悉用户深层次的需求，并且能快速地随之反馈到设计上。将设计作品保存下来并附上详细的说明，确保所有的设计都与核心理念保持一致，与用户需要保持一致。在开发阶段采用敏捷UX设计你不能只将高保真的模型交给开发者就了事，因为在开发过程中会不断提出新的需求。总会有之前考虑不周全的情况，需要在开发阶段进行补充完善，设计师需要随之进行快速响应。所以，在这个阶段，设计师真的需要坐在开发者旁边应付突发情况。确保开发者在碰到新的需求的时候，不用他们自己来补充UX的细节，或者再来找设计师。Part 4 关于移动端网页设计的小技巧响应式设计在移动端，响应式设计并非是放之四海皆准的解决方案。有时候它非常适用，但是有的时候并非如此。你有责任考量什么时候采用专门的解决方案，什么时候需要做响应式设计。谨慎使用CSS和JS的确，CSS动画，渐变，阴影都非常赞，也非常容易实现。视差网页看起来也很酷，很多设计师都对此感兴趣。但是这些元素都非常消耗资源，对移动端的浏览器会产生很大的负荷，进而影响电池续航。适度控制CSS特效和JS动效都是很有必要的。即便低性能手机上浏览器可以良好地支持CSS3选择器，但是性能的瓶颈会让整体体验非常差。使用合适的工具做合适的事情这并不是是一个非常确切的清单，但是你能从中发现很多不错的工具帮你完成不同的工作。其中有一部分是免费的，有一部分是Mac平台的。Part 5 所有的这些都已经过时了？这么说，对，但也不对。目前移动端开发发展非常迅猛，设计趋势不断转变，智能家电，物联网时代也即将来临，相应的传感器技术和移动应用也会带来更多的挑战。作为一个移动端UI设计师，我们要学习的东西太多了，相应的，机会也迎面走来。延伸阅读：原文地址：优设网翻译：本文由优设网原创翻译，请尊重版权和译者成果，转摘请附上优设链接，违者必究。谢谢各位编辑同仁配合。【优设网 原创文章 投稿邮箱：】================关于优设网================“优设网“是一个分享网页设计、无线端设计以及PS教程的干货网站。【特色推荐】设计师需要读的100本书：史上最全的设计师图书导航：。设计微博：拥有粉丝量73万的人气微博 ，欢迎关注获取网页设计资源、下载顶尖设计素材。设计导航：全球顶尖设计网站推荐，设计师必备导航：———————————————————–想在手机上、被窝里获取设计教程、和各种意想不到的”福利”吗？添加 优秀网页设计 微信号：【youshege】优设哥的全拼您也可以通过扫描下方二维码快速添加：
非特殊说明，本文版权归原作者所有，转载请注明出处
本文地址：
订阅更新：您可以通过 【推荐！设计师必备网址导航】
移动端UI设计师必看原则_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
移动端UI设计师必看原则
AAA教育与中影强强联合，共同打造专业为中影...|
总评分0.0|
阅读已结束，下载文档到电脑
想免费下载更多文档？
定制HR最喜欢的简历
你可能喜欢下载费用：10 元 &
如何成为一个ui设计师打造出色UI的7个法则(上) (2) 首先，明确一点，这篇文章并不适用于所有的人，而是为以下人群准备的：? 那些想要在开发产品时设计出好看 UI 的开发者。? 想要让自己的作品集更出彩的 UX 设计师，或是想要做出更精美的 UI 和 UX 的设计师。如果你上过艺术学校，或者已经是一个 UI 设计师了，你可能会觉得这篇文章比较无趣，而且观点都是错的，甚至会让你感觉不舒服。没关系，你的批评没有错，把网页关掉继续做你的事吧。我曾是一名不懂 UI 的 UX 设计师，我喜欢设计 UX，但是没过多久我便意识到做出精美的界面是多么有必要：（创优翼推荐）? 我的作品集看起来很糟糕，显得我的思考和工作过程很差劲。? 找我做 UX 咨询的客户更喜欢有能力呈现作品的人，而不是只会画方框和箭头的人。? 我能去给早期的创业团队工作吗？明显不能。我也有一些理由来安慰自己：我不知道美学的糟粕是什么，我主修工程专业，因此做出来的东西很不美观也无可厚非。最后，我学习了 app 的美学，同样我也学会冷静、努力地分析创意，而且毫不羞愧地去临摹好的作品。如果我在一个 UI 项目上花了 10 个小时，那么只有 1 个小时是有效的，其他的 9 个小时却是在失败中学习。我拼命地 Google、Pinterest、Dribbble 里面找可以临摹的东西。这篇文章就是这些失败所总结的“法则”。因此，我想对那些新人说：我现在擅长 UI 设计，那是因为不断的分析，而不是突然领悟到美与平衡。这篇文章不是理论研究，只讲实际的应用。文章里不会出现黄金分割，也不会提什么色彩理论，只有我从失败和不断的磨练中学到的东西。比如：柔道的发展源于日本武术和哲学思想。上柔道课时，除了过招，你还能学到能量、气息与和谐之类的东西。以色列格斗与此不同，它是由 20 世纪 30 年代的犹太人发明的，那时犹太人正处于纳粹人的压迫之中。其中没有艺术，在以色列格斗术的课上，你会学到怎么用笔和书本去袭击别人的眼睛。这就是荧屏上的以色列格斗术。法则如下：1. 光线要由上往下2. 黑白优先3. 增加空白的空间4. 处理好图片上的文字5. 突出与淡化文本6. 只用优秀字体7. 像艺术家那样偷师1：光线要由上往下阴影对于我们所见到的 UI 元素意义重大。或许这就是我们在学习 UI 设计的过程中最为重要的非明显事物。光线来自天空，光线总来自于天空，因此从下面产生的光就显得很诡异。当光线来自于天空时，它会照亮食物的顶部，在下面产生阴影。上面部分颜色浅，下面部分颜色深。光纤由上到下照到脸上很自然，如果反过来话就很瘆人：当然，UI 设计也是如此。正如我们五官下都有些许阴影，在任何一个 UI 元素下方你都能找到阴影。我们的屏幕是平的，但是我们可以采用艺术手段让它看起来是 3D 的。拿按钮来举例。即便是相对“扁平化”的按钮，依然能看到一些光线变化的细节：1. 未按下去的按钮底边更暗，光线没有照到那里。2. 这种未按下去的按钮上半部比下半部更亮，这是因为在它模仿了一个稍微弯曲的表面。当你将面前的镜子倾斜来看镜中的太阳时，表面会反射出比太阳投射还要多的光。3. 未按下去的按钮有微妙的阴影，在放大的图中可能会更清楚。4. 按下去的按钮虽然底部比上部更暗，但是整体都是暗的，这是因为它处于屏幕的平面上，阳光不容易照到。有人会说，在现实生活中按下去的按钮更暗，那是因为我们的手挡住了光线。仅仅一个按钮就有 4 种不同的光线变化，重点就在这里。现在，我们将这种手法用到别的地方。这里有一组 ios6 的“勿扰模式”和“通知”设置，现在来看看会有多少种光线的变化。? 在控制面板的上边缘有一小块阴影。? “开启”滑动槽也有阴影。? 在“开启”滑动槽的下半部分反射了光线。? 这些按钮是突出的，看到了在它们上半部分边缘的光线没？因为是与光源垂直的，接收了大量的光，折射到了你的眼睛里。? 因为光线角度问题，分割线处出现了阴影。通常会内凹的元素：? 文本输入框? 按下的按钮? 滑动槽? 单选框（未选中的）? 复选框通常会通常会外凸的元素：? 按钮（未按下的）? 滑动按钮? 下拉控件? 卡片? 被选中后的单选按钮? 弹出消息了解了这些之后，你就会在很多地方发现这一法则。恭喜你入门了！等等，那扁平化设计呢？ios7 引发了科技界对“扁平化设计”的追求。也就是说图标是扁平化的，不再模仿外凸或内凹，而是只有线条和单一颜色的形状。我很喜欢，干净、整洁的风格，但我不认为这是一种长久的趋势。通过光纤的微妙变化来模拟 3D 的效果很自然，但是无法被完全取代。在不久的将来，我们很可能会看到半扁平的 UI（这也是我推荐你们要深入学习的设计）。我把它叫做“flatty design”，依然干净、简洁，但是会有一些阴影，有轻点、滑动和点击操作的提示。现在，Google 在各个产品上推行他们的 Material Design 语言，这是一种统一的视觉语言，其核心部分就是模仿物理世界。Material Design 的说明展示了它如何运用不同的阴影区表现不同的层次。这也是我所认同的类型。它使用了真实世界的元素来传达信息，关键在于：细微。你不能说它没有模仿现实世界，但它也不是 2006 年的网页风格。没有纹理，没有梯度，没有光泽。我认为“Flatty”是未来的方向。扁平化？早晚会过时的。2：黑白优先在上色前用灰度模式可以简化大多数视觉设计的复杂元素，还能让你专注于空间和元素的布局。UX 设计师现在都喜欢“移动优先”，这就意味着你要先考虑如何在手机上显示页面，然后再考虑在超清 Retina 显示屏上的显示效果。这种限制很好，它能理清思路。先解决复杂的问题（在小屏幕上显示），然后再解决简单的问题（在大屏幕上的可用性）。有个类似的限制：设计黑白优先级。先从复杂的问题入手，使 app 美观易用，但不要借助颜色，最后再有目的地上色。这种方法能让 app 保持“干净”、“简洁”。加入过多的颜色会使丢失干净、整洁的效果。“黑白优先”的原则能促使你关注空间、尺寸和布局的问题。这些是在设计干净、简洁的页面时首要考虑的问题。下面来看“黑白优先”法则不适用的几个例子。比如运动、卡通等具有鲜明特色设计就需要一个能够将颜色运用到极致的设计师。然而大部分 app 并没有这样鲜明的特点，只要保持干净和简洁就好。那些色彩绚丽的颜色被公认是很难的。所以，还是用“黑白优先”原则。第二步：如何上色最简单的上色方法是只加一种颜色。给灰度模式增加一种颜色可以简单快速地吸引注意力。你可以进一步，灰色基础加上两种颜色，或是同意色调的多种颜色。实 践中的 颜 色是什么色 调 ？网 页 中主要用的是十六 进 制 RGB 表。最好不要管 这 些， RGB 不是好的 颜 色设计 框架。大多数采用的是 HSB 模式 （相似的有 为 HSV 或 HSL）。HSB 比 RGB 更符合我 们 平常看待 颜 色的方式，而且你也可以 预测 HSB 的 变化是如何影响我 们 所看到的 颜 色的。如果你 对 此不熟悉，可以参考 《设计师配色宝典！教你从零开始学配色》通过调整单一色相的饱和度和亮度，你可以生成多种颜色 ——深色、浅色、背景色、强调的地方和吸引人的地方，但是这不会扎眼。只用一种或两种色调的颜色是强调和淡化元素却不把设计搞得一团糟的最好方法。关于颜色的其他建议颜色是视觉设计中最复杂的部分。从负复杂的理论和长期的实践中，我得出了一些好的建议：小贴士：? 不要使用纯黑色，在现实世界中是几乎没有纯黑色的，调整不同的饱和度，尤其是阴影部分的饱和度，能够给你的设计提高丰富程度。此外，饱和的灰色更加接近现实世界。? Adobe Color CC：寻找/ 调整和创建颜色组合的最佳工具。? 在 Dribbble 通过颜色搜索： 寻找与某颜色搭配的最好方法，实用性比较好。如果你已经决定了使用一种颜色，可以看看世界顶级设计师是如何给那种颜色配色的。
下载文档到电脑，查找使用更方便
10 元 &&0人已下载
还剩页未读，继续阅读
<a href="UserManage/CopyrightAppeal.aspx?bid=3568591" title="版权申诉" class="fLeft works-manage-item works-manage-report" target="_blank"
关&键&词： 如何 成为 一个 ui 设计师 打造 出色 UI 法则
& 金锄头文库所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。
本文标题：如何成为一个ui设计师打造出色UI的7个法则(上) (2) 链接地址：
当前资源信息
类型： 共享资源
格式： DOC
大小： 879.87KB
上传时间：
&& 侵权内容
&& 违法内容
&& 其它类型
&|&&|&经营许可证（）(C) by Sichuan Goldhoe Inc. All Rights Reserved.