查看: 396|回复: 0
实用UI设计法则（上）
马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。
才可以下载或查看，没有帐号？
& && &本文编译自Medium，作者是一位UX（User Experience，用户体验）设计师，他通过自己学习UI设计的过程，总结出7条实用的法则，为UI设计新手提供了宝贵的经验。文章分为2个部分，今天分享第一部分，来学习咯！
序言首先，明确一点，这篇文章并不是为所有人准备的，而是有特定的目标读者：
想要在开发产品时设计出好看UI的开发者。想要让自己作品集更出彩的UX设计师，或者是想要做出更精美的UI和UX的设计师。如果你是学艺术的学生或者已经是UI设计师了，你可能觉得这篇文章很无聊，而且观点都是错的。没关系，你的批评没错，把这个网页关了，去忙别的事吧。
那么从这篇文章中到底能学到什么呢？我曾是一名不懂UI的UX设计师。我非常热爱UX设计，但是后来我发现，做出精美的界面是多么的必要:
我以前的作品集看起来一团糟，显得我的作品和思考过程很差劲。我做UX咨询的客户更喜欢有能力呈现作品的人，而不是只会画一堆方块和箭头的人。我能为一些早期的创业公司工作吗？还是一边儿呆着吧。我当然也有借口：
我没有美术基础，我主修工程专业，所以我做出难看的东西也无可厚非。
最终，我还是学了app设计，不断地分析案例，厚着脸皮临摹成功的作品。假设我在1个UI项目上花10个小时的时间，其中只有1个小时是有效的，其它9个小时都是在失败中不断地学习，玩命的在Google、Pinterest或者Dribble上找值得借鉴的东西。
下面这些“法则”都是我从失败中总结出来的。所以，我需要提醒新人：我现在擅长UI，主要得益于我经常分析，并不是突然开悟，理解了什么是美，什么是平衡。
这篇文章不讲理论，只谈应用。我不会讲什么黄金分割、色彩理论，只有实站中总结出的经验和教训。就好像，柔道源于日本几个世纪以来的尚武精神和哲学理念。上柔道课时，不仅能学到打斗，还会学到很多关于能量、气息与和谐之类的东西。而以色列格斗术（Krav Maga）则完全不同。这种格斗术是纳粹压迫下犹太人发明的。其中根本没有“艺术”，在以色列格斗术的课堂上，你学到就是怎样用一根笔或者本书袭击别人的眼睛。
这篇文章就是产品设计领域的以色列格斗术。
以下是我要讲的法则：
[ol]光线来自天空黑白优先增加空白空间学会在图片上呈现文字（第２部分）做好强调和淡化（第２部分）只用合适的字体（第２部分）善于借鉴优秀的作品（第２部分）[/ol]我们来一起看看这些法则。
法则1：光线来自天空阴影能够告诉人脑我们到底在看什么样的UI元素。
这可能是学习UI设计时，最容易忽略却又极为重要的一点了：光线来自天空。光线总是从天空（上方）来的，从下面照上来的光看起来会非常诡异。
当光线从天上照下来的时候，物品的上端会偏亮，而下方会出现阴影。上半部分颜色浅一些，而下半部分深一些。
& & & & & & & & & & & & & & & &
从下面打一束光到人脸上是不是看起来很渗人？UI设计也是同理。我们的屏幕是平的，但是我们可以通过一些艺术手法让它看起来是3D的，在每个元素的下方加一些阴影。
& & & & & & & & & & & & & & & &
就拿这个按钮举例，这是一个相对“扁平化”（flat）的按钮，但依然可以看出一些光线变化的细节:
[ol]没有按下去的按钮底部边缘更暗，因为没有光线照到那里。没有按下去的按钮上半部分比下半部分稍微亮一些。这是在模仿一个略有弧度的表面（见侧视图）。没有按下去的按钮下方有一些细微的阴影，在放大图中看得更清楚。按下去的按钮整体颜色都更暗了，但下半部分的颜色依然比上面深。这是因为按钮在屏幕的平面上，光线不容易照到。也有人说，在现实中，按下去的按钮颜色更深，因为手遮挡住了光线。[/ol]这么一个简单的按钮就有4种不同的光线变化。实际上，我们可以把这种原则运用到各处。
& & & & & & & & & & & & & & & &
iOS 6有点过时了，但还是学习光线不错的案例。这张图是iOS 6“勿扰模式”和“通知”的设置，看看上面有多少种不同的光线变化。
控制面板的上边缘有一小块阴影。“开启”滑动槽上部也有阴影。“开启”滑动槽的下半部分，反射了一些光线。按钮是突出的，上边缘较亮，因为是与光源垂直的，接收了大量光线，折射到你的眼睛中。因为光线角度的问题，分割线处出现了阴影。
& & & & & & & & & & & & & & & &
通常会内嵌的元素：
文字输入框按下的按钮滑动槽单选框（未选择的）复选框通常会外凸的元素
未按下的按钮滑动按钮下拉控件卡片选择后的单选按钮弹出消息等等，现在不是追求扁平化的设计吗？
iOS 7引发了科技界对于“扁平化设计”（flat design）的追求。也就是说图标是平的，不再模仿实物而外凸或内凹，只有线条和单一颜色的形状。
& & & & & & & & & & & & & & & &
我很喜欢这种干净、简洁的风格，但是我认为这种趋势不会长久。通过细微的变化模拟出3D的效果非常自然，不会被完全取代的。
在不久的将来，我们很可能会看到半扁平的UI（这也是我推荐你使用的设计风格）我把它称为“flatty design”，依然非常干净简洁，但是也有一些阴影，有轻点、滑动、按下操作的提示。
& & & & & & & & & & & & & & & &
现在，Google也在各个产品上推行他们的Material Design，提供一种统一的视觉设计语言。Material Design的设计指导为我们展示了它如何运用阴影表现不同的层次。
越来越多的设计师开始学习Material Design，咱也不能落伍咯！
[ol]《超全面总结！深聊MATERIAL DESIGN引领的设计趋势》《学霸的自学笔记！Material Design设计规范学习心得》[/ol]
& & & & & & & & & & & & & & & &
这也是我所认同的类型。用现实世界的元素来传递信息，关键在于：细微。你不能说它没有模仿现实世界，但也绝不是2006年的网页风格，没有纹理，没有梯度，更没有光泽。
我认为“flatty”是未来的方向。扁平化？早晚会过时的。& && &&&
法则2：黑白优先在上色前用灰度模式设计可以简化大量的工作，让你更加关注空间和元素布局。
UX设计师现在都喜欢“移动优先”的概念，这就意味着你要先考虑好在手机上如何显示页面，然后才考虑在超清的Retina屏幕上的显示效果。
这种限制非常好，能够帮你理清思路。先解决一些棘手的问题（在小屏幕上显示）。然后再解决简单的问题（在大屏幕上的可用性）。
我希望你先用黑色和白色设计，先把复杂的问题解决了。在不借助颜色帮助的情况下把app做得美观易用。最后再有目的地上色。
& & & & & & & & & & & & & & & &
这种方法能保持app“干净”、“简洁”。加入过多的颜色很容易毁掉简洁性。“黑白优先”会促使你关注空间、尺寸和布局这些更重要的问题。先来看一些经典的用灰度模式设计的页面。
& & & & & & & & & & & & & & & &
& & & & & & & & & & & & & & & &
& & & & & & & & & & & & & & & &
“黑白优先”法则并不适用于所有情况，比如运动、卡通等有着鲜明特色的设计就需要好好地运用各种颜色。不过，大部分app并没有这样鲜明的特点，只要保持干净和整洁就好，绚丽的颜色被公认是很难设计的，所以，还是先用黑色和白色来吧。
& & & & & & & & & & & & & & & &
& & & & & & & & & & & & & & & &
第二步：如何上色上色最简单的方法就是只加一种颜色。
& & & & & & & & & & & & & & & &
在灰色的基础上只加一种颜色可以简单快速的吸引眼球和注意力。
& & & & & & & & & & & & & & & &
你也可以更进一步，在灰色的基础上加两种颜色，或者添加统一色调的多种颜色。
实践中的颜色法则——什么是色调？网页主要用的是十六进制RGB表。但RGB不是个好的颜色设计框架，HSB模式会更好用，其中H（hues）表示色相，S（saturation）表示饱和度，B（brightness）表示亮度。
HSB模式是比RGB模式更适合我们看待颜色的方式。
& & & & & & & & & & & & & & & &
& & & & & & & & & & & & & & & &
通过调整单一色相的饱和度和亮度，你可以生成各种不同的颜色——深色、浅色、背景色、强调的地方、吸引眼球的地方等，但是又不会很扎眼。
如果你对色彩不敏感，建议先打好基础：《设计师配色宝典！教你从零开始学配色（一）》时间紧急也可以直接速成呦！《秒变配色高手！怎么都不会错的6条网页设计配色原则》使用一种或两种基础色调的多种颜色是强调和淡化某些元素，而又不把设计搞得一团糟的最可靠的方法。
& & & & & & & & & & & & & & & &
关于颜色的其它几点建议颜色是视觉设计中最复杂的。我从复杂的理论和长期的实践中挑出了一些好的建议送给你:
小工具箱：
不要用纯黑色：在现实世界中几乎见不到绝对的黑色。调整不同的饱和度可以增加设计的丰富程度，也更接近现实世界。Adobe Color CC：寻找、调整、创造颜色组合的绝佳工具。在Dribble通过颜色搜索：寻找某种颜色如何搭配的好方法，非常实用，如果你已经决定了要用那种颜色，可以通过颜色搜索看看世界顶级的设计师是如何配色的。配色工具的选择多多，这儿大概是最全的：《你也可以成为色彩达人！最好用的配色工具Top 5》
想玩转Dribble，这一篇足够了！《设计师必读！玩转Dribbble终极指南》
法则3：增加空白空间为了让UI看起来更加有设计感，留出一些空白的空间。
在第2条法则中，我说到了黑白优先的原则，让设计师在考虑颜色之前先想想空间和布局，那么现在我们就来说说如何安排空间和布局。
HTML的默认版式是这样的：
& & & & & & & & & & & & & & & &
所有东西都堆在屏幕上，字号、行距都很小，段与段之间有一些间隔，但是也不是很大。这么布局实在是太难看了。如果你想设计出精美的UI，那就需要留出更多空白的空间。
留白空间、HTML和CSS
如果你和我以前一样，习惯用CSS来调整布局，那你最好改掉这个坏习惯，因为CSS默认是没有留出空间的。试着把空白当作默认状态，在空白页面添加各种元素。从没有修饰过的HTML开始，先做好内容，然后再做排版。
下图是Piotr Kwiatkowski设计的一个音乐播放器。
& & & & & & & & & & & & & & & &
请注意左侧的菜单栏。字号是12px，行间距有文字的两倍高。再看看列表的名称，“PLAYLISTS”和下划线之间有15px的空白，播放列表名称之间还有25px的间距。
& & & & & & & & & & & & & & & &
在顶部导航栏也有很大的空间，搜索图标和“Search all music”占到了导航栏高度的20%。
& & & & & & & & & & & & & & & &
留白的空间收到了良好的效果，不同的元素有机的组合在一起，使得这个页面成为最好的音乐播放器UI之一。
大量的空白可以把混乱的界面做得简洁美观，比如这个论坛：
& & & & & & & & & & & & & & & &
或者维基百科：
& & & & & & & & & & & & & & & &
很多人认为在维基百科的这个新页面上，很多功能找不到了，但是你不能否认这是学习页面设计的一个好案例。
在行之间留出空间。在各个元素之间留出空间。在各组元素之间留出空间。分析一下哪些是可行的。
好了，以上就是第1部分的内容，感谢阅读！
在第2部分中，我会讲到剩下的4条法则：
[ol]学会在图片上呈现文字做好强调和淡化只用合适的字体善于借鉴优秀的作品[/ol]&&教程编号:135206 作者：36kr 出处：medium
Powered by二十个UI设计新手最常遇到的问题和解决办法
发布于： 15:20
查看: 5285|
简介: 上周五晚上9:00-11:00我在BAT群做了一次设计问答，旨在解答年轻设计师们关于UI设计、学习提升、未来发展等疑惑，就像一只站在枝头的老鸟帮助路口徘徊的年轻人指明一些方向，也许不靠谱，也许太主观。－01－风神天使
上周五晚上9:00-11:00我在BAT群做了一次设计问答，旨在解答年轻设计师们关于UI设计、学习提升、未来发展等疑惑，就像一只站在枝头的老鸟帮助路口徘徊的年轻人指明一些方向，也许不靠谱，也许太主观。FEVTE编注：更多平面设计理论学习请访问飞特网平面设计理论知识栏目，地址：－01－风神天使之翼问／B哥对目前热门的UI行业怎么看？建议大家转UI吗？还有转UI有什么需要注意的吗？答／大多数UI从业者都是身处互联网公司，而互联网公司属于轻资产公司，人才是最大的资源，所以在互联网公司工作的UI从业者待遇都大大高于传统设计行业，加上近几年移动互联网热潮，涌现一批批互联网创业公司，导致UI从业者紧缺，形成热门现象。传统设计行业如平面设计，平面设计从很早很早的山洞壁画就开始了，到现在已经是一个平稳发展期，在很早之前，平面设计也很热门，很多人也都去学平面设计，做平面设计，报培训班等等。但是不同于平面设计的是，UI设计是基于互联网而产生的，互联网的发展又是非常迅速的，以后UI的发展可能很快就被其他新鲜事物取代也不一定，比方VR。是否建议大家转UI呢？这个要看个人的兴趣爱好，如果你很热爱平面设计，平面设计能力非常优秀，但你并不爱UI设计，你为什么要转呢？因为工资高吗？工资高的行业多了去。所以是否转UI设计，主要看个人未来的职业规划和是否热爱UI设计。转UI需要注意的是你要想清楚为什么转，前面说的如果未来想向UI发展，并且不是为了短期的高薪水而转，我觉得没有什么需要注意的。那就抓紧从零开始学习，系统的学习，投身到UI设计中来吧。－02－It's me问／如何快速提高UI设计能力？答／如果是提高基本功，图标设计、剪影图标、写实图标、其他各种类型的图标，那就是多练习。每种类型的图标都有相应的绘制方法，网上也有很多教程，多多练习和临摹。如果提高界面设计水准，界面设计是非常系统的，就像VI设计一样，有属于自己的一套规范，找到规范熟悉规范，就能快速提高基础能力。如果想达到优秀设计师水平，除了练习，还要多看优秀的作品，提高自己的审美，并且要进行思考、学习和实践。－03－汤圆什么陷问／初创公司、电商、互联网公司，新人应该怎么选择？以提高自己和发展空间为最终目的。答／初创公司可能为了节约成本一个设计师当成很多角色，所以能得到全面发展。初创公司就像股票，大涨大跌，可能失业可能赚翻了，但是年轻设计师难成长为优秀的设计师。先抛开工作中不能专一做设计，假如公司倒闭了，就得重新找工作；假如公司上市了，有钱了，招人，作为元老的年轻设计师自然上升到管理层，就更加没有了做设计的条件。所以不管怎样，初创公司都不适合想提升设计能力的新人。先把电商和互联网就归一类吧，发展中的公司或大公司，都有专门的UED，做的事情系统规范，每个设计师都有自己的职责，设计师之间也有相互交流的空间和时间，对于新人是非常好的氛围。我建议年轻设计师去发展中的互联网公司比较好，无论是职业发展和个人能力提高都非常适合。大公司人才济济，每个设计师的活细致到你图标好你就专门画图标，你手绘好专门画手绘，你界面设计好就负责一个小模块，很难有完整的项目让你去施展和提高。－04－毕利格girl问／作品集是不是只能低于10M？答／建议10M，一般公司人才系统或邮箱附件都限制10M。如果真的优秀作品非常多，可以另外多做一份作品集，如果直接勾搭上面试官加了好友，用在线传输文件就不担心文件大小的问题。另外在面试现场，可以把完整的作品集存在电脑上给面试官看。－05－Bryan Zhou问／作品太垃圾咋办，很难有精品。答／这个问题是很多入门设计师常常遇到的问题，前面有个问题是如何快速提升UI能力的，可以参考一下。技能没问题之后，再说精品。首先你要知道什么样的作品是精品，提高你的审美，多看，去各个设计网站看，可以找很多你认为的精品来看。然后要思考，别人是怎么做的，为什么要这样设计。然后就是多做，做的过程你会发现很多没发现的细微的地方。做完之后，过一段时间再回头看看自己的作品，发现烂的跟屎一样，说明你的能力提升了。不断的重做，不断的打磨，不断的回顾，就会慢慢做出精品来。－06－小勇问／毕业生怎么选择第一份工作呢？答／想好自己的规划，未来几年想做什么样的工作，对什么感兴趣。毕业生经济压力小，要以提升工作能力为重点。－07－李小闹问／最近大家都比较躁动，想跳槽，B哥能聊聊现在换工作的看法以及跳槽公司选择上注意哪些？答／马云说过，辞职不外乎两种一是钱给不到位，二是心里受委屈。有别的理由吗？转行，如果钱给到位你会转行吗？不一定吧。在公司做的不开心，得不到器重，如果钱给到位你会忍着吗？有可能吧。大部分人跳槽的原因是钱的问题，你要想好以目前的能力跳到别的公司能要到满意的薪水吗？如果能，我支持你跳槽，毕竟能力与薪资对等才会心里平衡，才能安心工作。也有许多年轻设计师的理由是，在公司里一个人什么都做，做的东西很杂，要不要跳槽到专业点的团队去。可以跳！但是跳之前，要先准备好你的作品，你做的杂当然就不会有好的作品。所以平时就要多积累作品，没有项目练手，那就做一些上市产品的Redesign，放开自己的思路去设计，这个就是你作品的来源。－08－米店先生问／B哥，从一个新入行UI的人来说，做到哪一个地步就算是很屌了，这一过程对一般人来说要持续多久，后续的发展在哪里？答／当你有信心把自己的作品放到设计交流平台上，接受大家的点评，我觉得就很屌了。当你过了一段时间后之前放的作品自己都看不下去，把作品撤下来，那么你的水平就很屌了。现在不用过多考虑屌爆了之后的发展，屌起来先！－09－William问／UI面试带哪些作品最能体现自己的水平？答／几套完整的APP设计、系统图标、手绘稿、插画，设计成作品集。－10－薯条问／B哥我目前是做平面设计，想转UI还在找工作没有经验但有平面经验，要怎么找这块工作？B哥能否每一周或两周出个教程直播的那种？哪里可以系统的学到UI设计？答／两个渠道：一是以平面设计师身份进入即有平面也有UI的公司，边工作边学习UI知识然后转岗；二是平时自学UI并积累作品通过面试找到UI工作。我不是UI培训机构，不能保证定期出个入门教程，更加没有时间直播。目前一些网站或培训机构有在做系统教学的工作，可以去了解一下。Wen问／如果从互联网创业公司跳槽去大公司，需要准备什么呢，面试UI注重什么？答／请戳我设计师如何进入BAT等一线互联网公司－11－GapYear问／问下B哥，我的问题不只是UI方面的，我想问对于设计工作者而言，未来的职业发展方向是哪些？答／一般是专业通道和管理通道，像腾讯就是这样规划的。专业通道针对业务能力强，不善管理的设计师而言，管理通道慢慢地脱离设计执行，向职业经理人发展。这是公司内的职业发展，有很多设计师在专业能力上达到一个高度后，思维也跟着变化，就会跳到另外一个领域去。我的建议是，目前我们作为新人，不需要过多的担忧长远的职业道路，先扎实地做好设计，让自己优秀。－12－赵娜问／请问B哥，UI设计师每天的工作内容是什么样的？除了做图还要干什么？还需要哪些技能？个人职业规划通常什么样？答／做图只是视觉设计师最基础的工作，除了视觉执行，还需要向上接入PD了解产品需求、在设计中验证交互流程，向下跟进程序开发、数据收集等。一名优秀的视觉设计师可以向交互设计师或PD角色的转换。－13－黄色漫画头像问／最近互联网寒冬，工作不太好找，我很多朋友比我强的都没找到，但是我这个公司偏平面电商，也学不到太多东西，辞了又怕找不到，到底怎么办？答／我不赞同互联网寒冬不好找工作的说法，互联网寒冬还是暖冬都需要人才，优秀的设计师怎么样都能找到满意的工作，你担心的重点应该是让自己变得优秀起来。不管有没有设计氛围，身边有没有大师，自己都应该努力，没有学习环境是借口。学校里也没有UI设计课程，我们现在看到的UI前辈们，都是靠着自学不断地向前摸索。－14－小周周问／我们除了了解设计技巧，提高设计技能，有哪些方面需要学习来让自己的宽度更宽，眼界更广或者说不只停留在怎么做好图上？答／既然说到眼界，那自然是多看多思考。眼界越宽，你的能力就显得越小，就会激发你更加努力探索。做好图只是视觉执行层面上的，想成为优秀的设计师还需要了解更多东西，请参考12的答案。－15－略叼！问／B哥能否分享些你以前公司的UI app设计源稿给我们。答／没有，其实看PSD并没有什么卵用，主要靠动手练习。－16－刺猬酱问／B哥，没有UI经历是选择进行找教程，培训上岗还是降低自己的薪资在工作中边工作边学习？答／一般公司不会说免费干活就招你，因为招你的是hr不是私人老板，又不花hr的钱，他当然要招优秀人才。所以降低自己的薪水是不可靠的，建议自学或者参加培训。－17－Vivian_ss问／B哥，你好辛苦了！！我想问一下，我之前大学学习的平面设计。现在学习AI一些软件，想转UI。自认绘画功力还不错，3月去找工作。之前没有什么工作经验，准备怎样的作品集会让HR欣赏或者你有什么建议给像我这样情况的人呢？谢谢。答／建议学PS或Sketch，准备作品集请参考09答案。－18－later问／UI需要手绘功底么？答／不需要，大公司通常细分界面设计和视觉设计，如果有手绘功底当然加分，如果没有，也不用担心。－19－黄静雯问／B哥，对于听过很多道理，仍做不好设计，这句话你是怎样建议。个人觉得这是蛮多童鞋的现状，如何将他人的经验高效吸收转为己用呢？答／听了很多，不去实践，属于纸上谈兵。多看，多练习，多思考，多回顾，才能做好设计。－20－熊本熊头像问／纯新手，只用了几个月ps，没有方向，想做设计没经验没公司要怎么办？答／网上有很多入门教程，可以参考学习，也可以加入BAT群，不懂的知识在群里请教。想要更快入门，就平时多努力，别人玩PSP，你玩PSD。每天花几个小时学习，一年之后你会成为优秀的设计师。－End－原本计划2小时讲完，最后却花了3小时，边思考边打字边交流...我的老腰...FEVTE编注：更多平面设计理论学习请访问飞特网平面设计理论知识栏目，地址：
刚表态过的朋友 ()
在扁平化和简约时尚的当下，使用这样的风格来制作APP启动界面，包装等越来越流行，今
评论次数： 1
山岩分享——文字排版的技巧分享
评论次数： 4
这篇教程教飞特的PS图片合成学习者们使用PS合成创意橘子鱼缸，教程合成难度中等。制作
评论次数： 2
效果图非常有冲击力。作者在合成的时候把一些代表速度和王者风范的元素都融入到沙尘暴
评论次数： 3
这篇教程教像飞特网的PS学习者们介绍PS电商产品修图中拉丝银的制作手法，教程介绍的手
评论次数： 2
处理成大头的照片偶尔会看到，但都是简单把头拉大，基本和身体没什么互动更别说有特别
评论次数： 5

你可能喜欢
大家正在看
查看：1535
查看：8895
查看：4855
查看：1266
查看：3504
1452224531784159513961317958959861058
云南省公安厅网络安全保卫总队备案编号:05
All rights reserved!黄桂平在悬崖峭壁处捡垃圾，陡峭的悬崖让他行走困难。
妇女带着女儿在光明北路，突然一人抢她女儿试图离开。
声明：本文由入驻搜狐公众平台的作者撰写，除搜狐官方账号外，观点仅代表作者本人，不代表搜狐立场。
　　一学会观察
　　新手最容易犯的错误是直接上手Photoshop，要清楚学会Photoshop并不能让你成为设计师，就像你买了一套高质量的画笔也不会成为艺术家一样，从真正的基础开始吧。
　　首先，学一点绘画：
　　1. 你不需要挤在一个画室里，跟一群艺术家一起画；
　　2.甚至不需要画得非常好，只要掌握一点基础，就能画一幅素描画；
　　3. 你只有一件事，去学习如何画画，看海量的关于绘画的书籍。
　　其次，学习平面设计理论：
　　1. 从《Picture This》这本书开始学起。本书虽以童话《小红帽》为例，却能教会你一切平面设计的基础。
　　2. 学会运用颜色、排版，以及栅格。
　　最后，学习使用者经验的基础：
　　有许多谈论使用者经验的书，推荐从这两本开始：《The Design of Everyday Things》→ 中文版（设计心理学）《Don’t Make Me Think》→ 中文版《不要让我思考》，《Made to Stick》→ 中文版《粘住》。将教会你如何获得你专属的死忠读者。
　　二学习放弃自己的作品
　　这是最困难的部份。要作好心理准备，随时有可能必须像扼杀自己的孩子般销毁自己的作品。若能越快做好这样的心理准备，工作就能越快上手，因此若觉得成品不够好时，就随时砍掉重练吧。
　　找到公正的另一双眼：向懂设计的人询问看完你作品后的意见。若身边没有这类朋友，就去参加设计师聚会或相关活动上认识几个吧！
　　要问问不懂设计的人，对你的作品有什么看法。让你将来的使用者试用看看你做的网页或应用程序。不要害怕问陌生人的意见，他们大都乐意协助，我也获得了许多很棒的意见。
　　聆听：
　　聆听别人的意见，而且不要辩解。当你问别人意见，而对方愿意花时间和精力回答你时，不要用辩解来回报他们。相反地，你可以感谢他们，并且问他们问题，然后再自行考虑是否采纳他们的意见。
　　三学习设计网页：
　　1. 读《Don’t Make Me Think》，学习如何做出好读的网页。
　　2. 想做出好看的网页，就去读《The Principles of Beautiful Web Design》。
　　3. 列出你觉得很漂亮的网页，并找出他们的共同点。
　　难题来了：身为设计师，一定要懂HTML 或CSS 吗？我的答案是，依工作性质而定，但若懂这些肯定对工作是加分的。网络上有非常多学习HTML 和CSS 的资源：
　　4. 找自己喜欢的免费网站。
　　四建立自己的作品集
　　想成为设计师，你没有去过学校上课，但你一定需要一个作品集。话虽如此，刚开始学设计又没读过相关学系，要从哪里生出作品集来？告诉你一个好消息：你不需要真的处理过企划项目才能建立一份作品集，你可以列出以下成品：
　　1. 你为T 恤所做的疯狂设计。
　　2. 替一个很丑的网站重新设计新风貌。
　　3. 设计一个iPhone 应用程序。
　　4. 参加设计比赛→ 百度输入法三周年皮肤大赛
　　5. 寻找当地的非营利组织，提供免费设计服务。
　　另外记得：
　　1. 不要把每个作品都放进作品集中，只要把最好的一些作品放进来即可。
　　2. 找灵感：先不必担心原创的问题，就像刚学新乐器时，一定是先学如何演奏别人的歌曲，最后才学做自己的歌曲。
　　3. 你还可以看酷站推荐专栏，寻找网页设计的灵感。
　　五找到一份设计师的工作
　　开始学设计时，我曾去过一个设计师工作坊，里面充满了想找工作的资深设计师，有好几位有过5、10、甚至15 年的工作经验了。想到必需跟他们竞争，我感到十分胆怯。然而一年后，我就成功找到了一份设计师的工作。我认为我比其他设计师多了一项关键优势：我懂得如何与软件开发人员合作。
　　去学一些交互式设计，或是基本的HTML 和CSS 语法吧！科技业的设计师如交互式装置、网页和应用程序设计师等，炙手可热且薪水很高。假如没有跟开发人员合作过的经验，可以参加Startup Weekend、Hackathons
　　最后，告诉你身边所有人你想成为一位设计师吧！谁都有可能会成为帮你找到工作的贵人。
　　找到工作后也要持续学习，我已经工作了，也从工作中学到许多。我会去向比我资深的设计师学习、去找其他设计课程，甚至翻遍书店中设计类的书籍。还有许多东西是我可以学习以及改善的。记得要不断磨练你的技能，并且不停学习。
欢迎举报抄袭、转载、暴力色情及含有欺诈和虚假信息的不良文章。
请先登录再操作
请先登录再操作
微信扫一扫分享至朋友圈
搜狐公众平台官方账号
生活时尚&搭配博主 /生活时尚自媒体 /时尚类书籍作者
搜狐网教育频道官方账号
全球最大华文占星网站-专业研究星座命理及测算服务机构
莱茵教育，ui设计领导品牌，专注ui设计企业内训、学生能力...
主演：黄晓明/陈乔恩/乔任梁/谢君豪/吕佳容/戚迹
主演：陈晓/陈妍希/张馨予/杨明娜/毛晓彤/孙耀琦
主演：陈键锋/李依晓/张迪/郑亦桐/张明明/何彦霓
主演：尚格?云顿/乔?弗拉尼甘/Bianca Bree
主演：艾斯?库珀/ 查宁?塔图姆/ 乔纳?希尔
baby14岁写真曝光
李冰冰向成龙撒娇争宠
李湘遭闺蜜曝光旧爱
美女模特教老板走秀
曝搬砖男神奇葩择偶观
柳岩被迫成赚钱工具
大屁小P虐心恋
匆匆那年大结局
乔杉遭粉丝骚扰
男闺蜜的尴尬初夜
客服热线：86-10-
客服邮箱：