UI界面设计师的Photoshop配置技巧
您当前位置： >>>>>>
UI界面设计师的Photoshop配置技巧
如果你是设计UI界面又是Photoshop新手的设计师，那么我们今天分享的这些配色技巧教程很适合你，虽然说是移动界面设计，但同样适用于其它设计工作，比如网页设计、平面设计等等。下面一起来看看吧。Photoshop新建文档设置操作：菜单 → 文件 → 新建宽度：640像素高度：1136像素（4英寸iPhone设备）分辨率：72像素/英寸（ppi）颜色模式：RGB颜色背景内容：白色（可选）颜色配置文件：不要色彩管理此文件（更多颜色设置后）像素长宽比：方形像素配置如下图：对齐设置这个处就是当你使用图层、形状等操作时自动对齐网格，画矢量图不怕模糊边缘，确保每个像素保持清晰。设置：菜单 → 视图 → 对齐菜单 → 视图 → 对齐到 → 全部首选项设置操作：菜单 → 编辑 → 首选项 → 常规，建议按下图设置启用轻击平移仅仅是一个滑移效果，占内存又不能提高操作效率，建议关掉。根据HUD垂直移动来改变圆形画笔硬度功能挺好用的，按Alt+右键左右/上下移动可以分别改变画笔的大小和硬度。将矢量工具与变换与像素网格对齐这个强烈建议UI设计开启这个功能，这个让你来矢量力不会产生半像素虚边，十分好用。但在需要微调整时可暂时关闭它。文本设置字体我一般把字体设置为犀利，如果你是Photoshop CC版本，它有一个Windows LCD/Mac LCD抗锯齿功能，文字可以为网页一样效果了，所以建议升级到Photoshop CC吧。操作：首先选定文本 → 字符工具（AA）选择Windows LCD/Mac LCD全局光继苹果iOS人机界面指南，你应该把灯光设置为90°。操作：图层 → 图层样式 → 全局光 → 90°网格设置现在设计iOS界面都要兼容视网膜（Retina）,所以我把每个网格设置为2像素，这样我就不怕图像在视网膜设备下变得模糊了。操作：菜单 → 编辑 → 首选项 → 参考线、网格和切片，网格线间隔：4像素；子网格2。或者网格线间隔：2像素；子网格1。我喜欢前者^_^导出设置不管我们是做网页不审设计iOS APP应用程序时，导出图像最好是使用”存储为Web所用格式”来导出。这里通过”存储为Web格式…”导出PNG-24为例，其中默认设置比较重要，如下图：操作：菜单 → 文件 → 存储为Web格式所用格式预设：PNG-24透明：勾选交错：未勾选嵌入颜色配置文件：未勾选 （Photoshop CC版本才有）转换为 sRGB：未勾选质量：两次立方Retina显示器设置如果你是使用带Retina视网膜的MacBook Pro，你应该确保你是使用像素（点）操作：Apple菜单 → 系统偏好设置 → 显示 → 最适合显示器颜色配置颜色配置是极为复杂的一个操作，如果你不是这领域的大神，那么还是老老实实的用推荐的配置吧，这里我选择了Marc Edwards(/articles/photoshop)的颜色配置选项。
文章来源：
& CopyRight , , Inc.All Rights Reserved.iOS7后的UI设计之争：再谈扁平化与拟物化
由扁平化与拟物化两种风格所引发的设计之争正愈演愈烈，而这一趋势随着iOS 7测试版的发布而进入白热化。尽管技术圈内早已吵得不可开交，但很多朋友可能还没听说过这两个名词、或者对其背后的含义不甚明了。今天，我们将共同探讨扁平化设计的关键特点，了解这种设计理念与拟物化的区别所在。
以Dieter Rams为代表的一些著名设计师在设计原则中明确指出，扁平化设计（或者被称为&极简设计&）是实现可持续设计的最佳方式。
设计风格通常被视为一种暂时性趋势。每当有新风格出现，人们在欣赏之余并不能肯定其是否真能获得成功或者说长久存在。不过一方面更多业内设计师开始对某种特定设计风格的迎合，却也有不少独特且实用的风格陆续与大家见面。也就是说，认为扁平化设计属于新生事物的观点其实是种误解。事实上，扁平化设计与其设计师早已存在，惟一称得上新鲜的是近年来行业的宣传攻势以及对这种风格的持续推崇。
iOS7倒向扁平化设计，极大的影响了设计之争的战局，现在扁平化已经是设计趋势，甚至连Android也因此受益，不过并不是说拟物化就不好，在某些场景它仍有强大的生命力。
扁平化设计正当其时！
谷歌推崇扁平化设计
大家都知道，谷歌公司一直以坚持优秀的设计方针而声名显著。他们的目的在于提供一套在视觉上存在承接性的风格，即坚持简单与现代路线。谷歌完全可以不无自豪地宣称，其化繁为简的设计风格、专注于色彩与几何图形的指导思想已经相当成熟。大家不妨点击此处查看其在Behance网站上发布的视觉设计指南，相信会有不小的收获。
微软拥抱扁平化设计
Windows Mobile 6.5：微软的早期扁平化尝试
早在2010年，微软公司就发现自己的传统设计方案无法与用户的体验与需求保持一致。除了关注产品功能之外，用户使用体验也是不可忽视的一大重点，因此微软决定重新思考自身在产品设计上的审美取向。
Windows Phone 8
这促使微软采用了全新的设计理念，从而改变其产品的视觉效果与操作方式。或者用微软自己最喜爱的表达&&&事半功倍&。2012年底，微软正式推出Windows 8，其颠覆性的外观设计正是微软对视觉设计思路的巨大变革，同时也成为新一轮设计战略中的里程碑。
扁平化与拟物化的定义
&现实风格的设计成果必然属于拟物化，但拟物化设计却不一定属于现实风格。&
在设计领域，拟物化意味着尝试再现那些用户所熟知的事物。遗憾的是这个词往往被从业者们误读与误用。设计师们往往认为拟物化意味着直接从现实世界中复制图像。这里我要强调一点：拟物化设计并不一定要与参考对象保持高度一致！换言之，现实风格的设计成果必然属于拟物化，但拟物化设计却不一定属于现实风格。更进一步来说，扁平化设计也可以符合拟物化标准（但并非必须）。
下面我们就看图说话，让大家更加明确这一概念区分。
由Alex Volkov设计
大家一定已经注意到，上图以非常真实的设计再现了保险箱图像。这幅图可谓拟物化设计的绝佳范例，因为它试图向我们展示每个人所了解的事物（真实的物理对象，也就是保险箱）。另外，它也可以作为现实风格的参照实例，因为其设计包含了纵深、灯光、阴影、纹理等一切需要考虑的真实因素。
&拟物化试图重现我们所熟悉的事物。&
由Justin Pervorse设计
下面再来看扁平化设计的案例，上图通过简单的线条与清闲的色彩简化了保险箱的物理外观。显然，这一设计已经相当&扁平化&，但其中仍然采用了诸多拟物化元素&&因为其思路仍然是希望让用户一望而知其保险箱身份。图中特征鲜明的保险门就是最好的证明。
由Andrew Hesham设计
现在，我们再来看另一套出色的扁平化设计方案。虽然上图没有采用任何拟物化设计元素，但我们仍然可以感受到图标中盾牌与钥匙孔的结合同安全概念之间的密切联系。也就是说，它并没有执着于表现真正的保险箱外观或者闭锁装置，而尝试以更为婉转的隐喻帮助用户了解其作用。总结起来：扁平化设计利用简单元素、几何图形与鲜艳色彩的搭配表达信息，强调方案的简单与清晰特性。
&扁平化设计利用简单元素、几何图形与鲜艳色彩的搭配表达信息，强调方案的简单与清晰特性。&
这只是一般性的解释，不过确实有很多从业人员在谈到&拟物化设计&时、其真正要表达的其实是&现实风格设计&，也就是第一幅图中的例子。而在扁平化设计方面，我们指的是更加简约的二维图形方案。有时候我们也会使用&拟物扁平设计&这样的表达，第二幅图中的保险箱就充分体现出二者相结合所带来的出色效果。
在iOS 7中，苹果公司既尝试了将拟物与扁平加以结合&&例如下图左侧的相机图标，也尝试了纯扁平化设计&&例如下图右侧的照片图标。另外，新系统中的游戏中心图标也属于纯扁平化方案。
拟物化设计概述
一般情况下，拟物化应用程序设计思路希望软件能拥有与真实世界相符的外观与使用方式。人们往往喜欢把拟物化与苹果联系起来。没错，iCal与某些图标设计充分证明了苹果对拟物设计的出色把握（存在于iOS以前版本中）。
拟物化设计风格通常来说极具挑战，因为现实生活中的事物很难在二维环境下被完美重现。另外，设计师们往往会把现实元素融入拟物设计中以进一步改善视觉效果。设计师面临的最大难题就是要让成品看起来&不错&。一旦决定创建现实风格方案，用户将很容易从设计中发现失误。我们不得不投入大量时间与精力用于为图标或界面设计理想的纹理、阴影、纵深以及色彩。不过拟物化设计对于大龄用户群体非常友善，这些对数字化世界以及数码产品并不熟悉的使用者能从拟物风格中理清使用方法，并通过熟悉的外观与使用感受帮助他们消除抗拒心理。不过话说回来，如今几乎每个人都已经适应了数字化表达方式，而且界面之下掩藏的也往往是同一种数字化操作模式。
扁平化设计概述
扁平化设计强调的是易用性与简洁性。通常情况下，扁平化风格借助简约的线条与鲜艳的色彩来实现信息传递。每当听到设计师讨论扁平化设计这个话题，&用户体验&这个词往往会在他们口中多次出现。可以说大多数人都认为扁平化设计能带来比拟物化设计更好的易用性与使用体验。
以Dieter Rams为代表的一些著名设计师在设计原则中明确指出，扁平化设计（或者被称为&极简设计&）是实现可持续设计的最佳方式。
Hype Machine扁平化设计截图
争斗仍在继续？
&设计真理：选择一种个人喜爱的风格，并努力拿出最完美的方案。&
一般来说，讨论扁平化与拟物化设计的文章总结都会变成争辩一场两种风格孰优孰劣的对抗。虽然二者各有自己的专长与局限，但有一条真理足以阐明一切：选择一种个人喜爱的风格，并努力拿出最完美的方案。扁平化设计看起来比拟物化设计简单一些，但拿出优秀的扁平设计方案的难度与拟物方面其实旗鼓相当。设计出平庸的扁平风格成果并不费力，但要让成果广为称道则难上加难。简洁的效果不易达成，精雕细琢也耗时甚长。
即使对普通用户来说，扁平与拟物之间的区别也取决于个人喜好。有些人喜欢拟物风格、另一些人则喜欢扁平风格，更有不少用户对二者都乐于接受。作为设计师，我强烈建议同行们能百花齐放、拿出丰富多彩的设计风格来。相对于揪住冲突不放，我们更应该接纳不同方案间的分歧、使其真正成为提升应用程序使用感受的助力。良好的设计有助于产品在市场中脱颖而出，因此请认真思考哪种路线与自己的思路最为吻合。
看过本文的人还看过
最新图文推荐
大家感兴趣的内容
&&<a rel="nofollow" class="red" href="" target="_blank" color="red新版网站排行榜
===全新上线===
网友热评的文章第三方登录：专为0基础小白量身打造的UI设计入门课程（ps，ai软件＋图标技巧），在线学习2个月包教会（公开课3位师傅），拜师费1500，随到随学，可插班。抢名额请加qq群：咨询。
噜啦啦噜啦啦噜啦噜啦咧 ，噜啦噜啦噜啦噜啦噜啦咧 &#8230;【每日话题】每天准时和大家见面啦！
今天的话题是什么呢？想知道吗？你叫我男神我就告诉你，哈哈。好吧不逗大家了，要不大家分分钟得弄死我。众所周知，一个好的
环境才能有好的心情。对于一个设计师来说有了好心情才会有灵感，对不？但是可能你们不太认同。OK，今天我们就来讨论下，一个好环境对设计师的重要嘛？先让我们看看那些大神们的桌面环境吧！
1. Naomi Atkinson
设计师、Naomi Atkinson 设计室创立者
主力设备：15″ MacBook Pro （外接 Cinema 显示器）
额外： iPad 、Multi-Touch 触控板、纸质笔记本、奶茶
2. Dan Cederholm
设计师、Dribbble 联合创始人
主力设备：15″ MacBook Pro （外接显示器）
额外： 速写簿、拿铁咖啡
3. Andy Clarke
主力设备：27″ iMac / 13″ MacBook Air
移动设备： iPhone 3G、 iPhone 4S、HTC HD7、 iPad 、Kindle Touch、Galaxy Tab 10.1
4. Simon Collison
设计师、Fictive Kin 成员
主力设备：MacBook Air （外接 Thunderbolt 显示器）
宜家工作桌 + 赫曼米勒 Aeron 办公椅
5. Chris Coyier
Web 设计师、wufoo
主力设备：MacBook Pro （外接 27″ Cinema 显示器）
额外：微软人体工学键盘、 肯辛通轨迹球鼠标
折叠桌 + 赫曼米勒 办公椅
6. Jeff Croft
电子产品设计师、nGen Works 开发者、Lendle 联合创始人
主力设备：13″ MacBook Pro （外接 24″ Cinema 显示器）
额外：Blue Yeti USB 话筒（Podcasting）
赫曼米勒 Aeron 办公椅
7. David DeSandro
Web 设计师、nclud 前端工程师
主力设备：20″ iMac
额外：罗技 M500 鼠标
8. Brad Frost
RGA 设计师、移动互联网分析师
主力设备：MacBook Air （外接显示器）
移动设备：iPhone 4S,3GS、 iPod touch,、Galaxy Nexus、Droid 1,Droid Incredible、黑莓 Curve, Bold、Palm Pixi 、 iPad
9. Jon Hicks
设计师、图标艺术家
主力设备：13″ MacBookAir （外接 24″ Cinema 显示器）
10. Elliot Jay Stocks
主力设备：11″ MacBook Air / 27″ iMac
看了一半，规律是Mac 绝对是标配啊！来一组Mac 素材福利！
11. Cindy Li
Y!Design 产品设计师
主力设备：Macbook Pro （外接 HP 显示器）
12. Dan Mall
SuperFriendly 创始人、首席设计师
主力设备：27″ iMac (额外配 Dell 显示器)
额外：Lacie D2 外置硬盘、Wacom Intuos 绘图板、Blue Yeti USB 话筒
13. Shane Mielke
2Advanced 工作室设计师、创意总监
14. Sarah Parmenter
Web 设计师
主力设备：27″ iMac / 11″ Macbook Air
移动设备： iPhone & iPad、黑莓 Playbook 平板
额外：Rhode Podcaster 麦克风
15. Veerle Pieters
Web 设计师、平面设计师
16. Yaron Schoen
Twitter 设计师、madeforhumans 创始人、 Float 联合创始人
17. Kyle Steed
设计师、插画家
18. Jon Tan
设计师、Fontdeck 联合创始人
主力设备：15″ Macbook Pro
19. Trent Walton
Paravel 创始人
主力设备：27”iMac / 13”MacBook Air
20. Samantha Warren
Web 设计师、 Phase2 设计总监
看了大神们的桌面环境你觉得桌面环境对设计师重要吗？现在开始讨论吧！
注：文章转自优设网）
原文地址：
转载请注明： &
学UI就上学UI网！越努力，越幸运！
“学UI网 ”最值得关注的UI学习平台！ 每天发布高质量的设计教程和分享设计经验，服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课（），给大家提供更多免费学习的机会。想成为设计师的你快来关注吧！
【特色推荐】
海量APP截图，让你灵感爆发！国内最好的APP截图站。
同一个APP，IOS和安卓截图对比分析，并且提供5种以上尺寸的APP截图打包下载，真贴心。
专为UI设计学习者打造的资源＋学习，双用途的网址导航站。亲爱的，你收藏了吗？
【学UI网 原创文章 投稿邮箱：，也可以找各个群的管理】
你可能喜欢的：点击选择中鹏分校网站
地址:深圳市龙岗区吉祥地铁站b出口湖广通大厦
中鹏培训学习教育群
新闻中心NEWS
深圳市人力资源和社会保障局王卫局长率领市人保局党组成员曾映明副...
校园动态notice
精品课程Quality course
开课通知【报名中】
开课通知【报名中】
开课通知【报名中】
高级办公软件，高级会计软件应用（用友系列）。最...
学员学会营养咨询、营养测评、营养指导、营养与美...
计算机双高XP+用友高级双模块组合培训，学习形式上...
招调优势:取得证书后可获政府补助,招调时年龄可放...
招调优势:取得证书后可获政府补助,招调时年龄可放...
摄影师国家职业资格证是深圳市招调优先工种，中级...
开课通知【报名中】
师资介绍Teacher
学员作品OPUS
学员寄语EXPRESSING
【采购师】
采购师学员-李婷婷
【采购师】
采购师学员-赖淑梅
【采购师】
青春不打烊，永远在学习的路上---采购师学员感言
【建筑表现】
开始挑战自我，根据CAD图做效果图，难度相对较大，棘手的地方很多，但我相信自己一定能做好的！今天是伍老师给我们上课的最后一天，很舍不得啊！
【工业设计】
再接再励，希望能在接下的彩绘课中更上一层，期待你们的作品！
【模具设计】
在中鹏，在模具班的这个月，我受益匪浅，在这里三个星期学的知识，比我在学校学习三年还要多！
【建筑表现】
网上流传一句“4月不减肥，5月徒伤悲”的一句话，中鹏流传一句“4月不学习，5月跟不上”，我倡导一句“4月不努力，5月心更累”
【建筑表现】
职业规划课后感言（一）
建筑表现1401班学员
【人力资源】
2012年下半年，我加入了中鹏培训中心学习。转眼已过半年，至此对中鹏说点话：一、中鹏的好1、培训办学框架已经也很成熟，是学员信赖得过
【建筑表现】
不需要提起，我从不会忘记，在深圳中鹏学习的日子。老师精彩绝伦的讲课方式，学生勤勉认真的学习态度，俨然又回到了学生时代，既亲切，又彼
招聘信息notice
[淘宝美工培训]
工作地区:广州
招聘人数:若干
[模具设计培训]
工作地区:深圳宝安
招聘人数:若干
[工业设计培训]
工作地区:东莞市南城区
招聘人数:1人
[淘宝美工培训]
招聘人数:2人
[工业设计培训]
工作地区:深圳
招聘人数:若干
[淘宝美工培训]
工作地区:龙岗区坂田
招聘人数:1人
[工业设计培训]
工作地区:龙华新区
招聘人数:1人
[营销师培训]
工作地区:龙华大浪华容路
招聘人数:10-15人
[人力资源培训]
工作地区:龙岗区
招聘人数:1名
[淘宝美工培训]
工作地区:白云区云城西路
招聘人数:3人
在线答疑QUESTION
友情连接FRIENDLINKS
管理服务教育中心
电话：400-930-6618
艺术设计教育中心
电话：400-930-6618
成人学历教育中心
电话：400-930-6618
数字影像教育中心
电话：400-930-6618
舞蹈教育中心
电话：400-930-6618
美术教育中心
电话：400-930-6618
电话：400-930-6618
电话：020-
电话：400-930-6618
地址：深圳市福田区上步中路深勘大厦19楼整层（通新岭地铁A出口）
电话：400-930-6618
地址：深圳市宝安区新安二路37号五区综合楼三楼整层
电话：400-930-6618
地址：深圳市南山区南山大道1024号深港室内文化创意园B区3栋2楼整层
电话：400-930-6618
地址：龙城街道深惠路220号湖广通大厦4楼整层(吉祥地铁站B出口旁)
设计类课程：
管理类课程：
学历类课程：
舞蹈类课程：
美术类课程：