如何用Ps设计手机ui_百度知道
如何用Ps设计手机ui
我有更好的答案
那需要你了解做手机UI的分辨率，图标的大小
那你先需要你要设计的什么样先，草图打稿设计得出来，再来就是你要知道手机UI的分辨率还有图标大小，设计做到用户用的方便整个设计简洁大方易操作。如果还是没啥头绪或是想不出来可以看看绘学霸上别人是怎么设计的也可以看下学习下别人的设计。
1条折叠回答
为您推荐：
其他类似问题
您可能关注的内容
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。怎么快速学会用Ps达到成功应聘UI设计师的水平?
我的图书馆
怎么快速学会用Ps达到成功应聘UI设计师的水平?
……简直象“怎么用WORD达到成为作家的水平”。--------------------------------------------------------------------------我没想到吐槽会收获这么多赞- - 感觉愧被顶上来。其实我赞成
，人家比我认真多了。我不是做UI的，做过平面，也有很多学了软件操作就想迅速入行的新人，但是说实话，光靠会软件就想立足，这太难了。能够仅靠会用软件就得到的设计工作，其实也不是什么值得称为“设计师”的工作，估计也没啥高回报。如果真想做，请老实地接受“起步很低”的事实，从初级的杂活儿做起，然后看大伙儿的建议，慢慢积累起真正设计师需要的能力。快速是达不到的，真能快速掌握，大家全去做UI了，我也去了。
每次在工作中生活中碰到这种没画过几天画，就为了薪资高，搞个ps临摹个图标就到处尼玛自称是UI设计师／视觉设计师，天天问“哥你们公司缺人不”这就是美工现在好多人问句你干啥的，UI，“奥～”那一副意味深长的样子好像你TMD懂了什么的样子不吐槽，回答你的问题1，没有美术基础／美术基础薄弱2，学ps学软件3，找好的创业公司，一人顶三人用的，从做小的banner条开始4，广告页，微博配图，应用市场推广页等等，直到海报5，你要水平够，自然会让你做app界面，可能先从画图标，做几个页面开始，这里面的切图要求，各种尺寸规范，平时跟程序好好沟通，多打个球吃个饭我见过接触过共事过的有不少工作经验3年＋的UI设计师都是这么成长起来的，路有千万条，反正没有捷径最后这事要那么简单，学个ps就成，UI也就不值钱了
先声明，这是我第一次答题，传说中的格式、抖机灵、分割线等等知乎规则慢慢了解当中。出错之处敬请谅解。希望我的回答不要误人了，所以大家抱着怀疑的态度往下看最好。 从题主的提问中两个目标显而易见：题主想学会用PS；想应聘UI设计师一职（最终目标）。 那题主已经了解过UI和UI设计相关的知识了吧。这些都可以百度，我就不累赘了。既然已经确定了目标，那么我们去某招聘网站随机查看几个公司UI设计师一职的招聘要求：某科技公司：1.本科及以上学历，美术、设计等相关专业；2.3年以上美术设计先关工作经验(互联网工作经验优先)，能独立进行平面制作；3.熟练掌握PHOTOSHOP，AI等设计软件；4.较强的创新意识，能把握流行趋势，有较好的审美观念和色彩搭配感；5.学习能力强，能快速掌握互联网行业需求；6.良好的沟通和执行能力，较强的团队协作意识，能承受高强度的工作压力；7.面试时需携带个人原创作品2个以上。某投资公司：1、 全日制统招大学本科及以上学历，交互设计、工业设计或平面设计相关专业优先；2、 两年以上从事软件或网站产品UI设计相关经验，熟练设计各种风格图标；3、 良好的设计能力；色彩感、形式感强；思路开阔，创意丰富；4、 熟练操作各种常用设计工具，包括PHOTOSHOP、DREAMWEAVER、CorelDRAW、Illustrator等。某软件公司：1.美术.设计或相关专业，有扎实的美术功底与审美水平；具有良好的手绘基础，图标设计能力以及优异的色彩感觉；注重细节，注重品质；2.从事设计行业工作2年以上，具有手机界面.软件产品设计经验者优先考虑；3.对移动产品的整体风格.视觉流程.操作流程有细致到位的设计能力；4.热爱交互设计，关注用户体验设计；有丰富的设计理论知识和对流行趋势敏锐的洞察力；5.具备良好合作态度及团队精神，并富有工作激情.创造力和责任感，能按时.高质量地完成工作任务。 还有很多啦，拿几个来说明一下问题，应该没有关系吧？（好，已经得到以上公司的默认，hiahia）。现在我们来简单总结一下，关于UI设计师的的职位要求：美术功底相关行业经验相关专业毕业熟练使用设计软件（PS、AI等等）设计能力、创新意识了解行业、了解UI设计规范、了解用户体验团队精神、沟通能力热爱设计面试时带个人原创作品 我若疏漏，你便自己添。以上每点都很重要，单学PS就去应聘UI设计师一职有些难。但是，不是每点缺一不可的，不是绝对。 当然，我们要明白人家的潜台词。要求美术功底是因为设计需要你对事物在脑海里有一定的概念，对事物的光线、质感、构成、比例、色彩等等有了解，当你在用工具进行设计时你才知道效果怎么调，图怎么画才能让用户了然，要不然啊你把鹿设计成马还了得吗？美术功底不是要求你会画画。 没有经验怎么办？不是相关专业毕业呢？这也不能成为没法应聘成功的致命因素，至少你得了解行业吧，掌握好这个行业的相关知识吧。要不面试人家一问三不知怎么办？ 团队精神、沟通能力等等是大多数行业对求职者的要求，这是基础的员工素养了，这些都可以慢慢培养。热爱设计这点也没什么可说的了。面试时带个人作品也是方便公司对你实力的了解，有些公司会要求你上机考试，就是根据要求设计，所以说，单会PS行吗？你不得了解要求，懂创意吗？
终于说到设计软件了。如果说以上的你都可以不用担心了，就只是差学软件了，那恭喜你。，少了很多阻碍。如你所问，快速学会PS，我也不知道怎么快速，只知道怎么学，买书一步一步学咯。不过经过我的各种搜罗和实践（经验还是不足），我的建议是：首先，你得知道PS的各种功能键在哪里，怎么可以拿来用（一般都左击鼠标） ，如果会快捷键最好不过啊。然后知道怎么用。既然你的目标确定了是学UI，那你就上网搜罗各种UI的教程，跟着教程一步一步学，不厌其烦的学，每学一步就看一下发生了什么变化，久而久之你就对各种功能、样式、滤镜了然于心了。期中你可能会不知道教程中讲的功能键、效果等在哪，怎么就用上了，因为有些教程不是很详细，那么你就得耐心地去百度或者去问问懂的人了，可以加一个设计群。跟着教程一段时间后，你可以试着去临摹一些好的UI作品。临摹前先观察作品，思考它都用了哪些特效，网上很多大神都说观察时把图片放大好几倍就容易知道用了什么效果了，我试过，真的很赞。如果一个作品你连个基本轮廓都临摹不出来，也看不出来一两个效果是怎么做的，那你还得倒回去跟着教程学。就在2和3之间往返着吧，无上限。 我现在就在这么学习当中，个人觉得还是不错的。当然了，熟练了软件也不可能就能成功应聘UI设计师。只是学会了软件之后你才能学设计，学了设计你才能去应聘，还有很长的路要走。不过你熟练了设计软件之后你可以去试着找工作，先从美工做起，然后一步步慢慢来。 我也只是一名想成为设计师的美工（面对现实），我也挣扎在软件的学习阶段，因为我也希望往好的方向发展，最近也正在了解当中（GUI和UI我还是傻傻分不清，貌似大多公司都把GUI默认为UI了），个人作了一些了解和总结，看到这个题就不知天高地厚地不请自答啦，希望能有所帮助，也算给自己理一下思路。真真是害怕误人啊，如有不妥大家就当我自言自语吧，欢迎各种喷。 回头一看好多字啊，有点急事错别字先不检查了。
，不会做交互设计的赛车手不是好产品经理，…
两年前我招了一个刚毕业的工业设计师，简单粗暴的教，基本上是跟着项目跑，啥都交给他做，做得不对就改，就骂。两年后 交互模型 research 视觉 甚至交互原型动画都能自己搞定，想靠速成混进这一行..送俩字滚粗....
，点赞狂魔/程序马骝
会ps还不够，你还得精通以下技能：&img src="http://image83.360doc.com/DownloadImg/7/.jpg" data-rawwidth="440" data-rawheight="408" class="origin_image zh-lightbox-thumb" width="440" data-original="http://pic4.zhimg.com/3e3b6ae1eaa49da7896ba3_r.jpg"&
，一个低级趣味的人
UI是美学，PS是技能。美学是哲学思想，PS是软件应用。从技能到哲学，这不仅仅只是知识的积累，更多的是修养。哲学修养，而不是技能修养。
，计算机、音响、摄影器材党
不要被楼上吓着，要达到应聘UI设计师水平还是比较容易的，按照下边方法大约3到4个星期可速成，因涉及一点专业词语，如果不明白，网上搜下这些词是什么意思1、先花两个星期学习PS各种画按键，各种条，编辑框，列表之类常用的东东2、知道一些素材的网站，并从这些网站上下载一些东西用用，模仿几个APP界面。3、弄明白一些公司会用到的专业词语，至少要知道HMI，低保真模型，UE，UI，切图什么的，自己脑补一下工作流程4、简历上随便造一家公司工作半年的经验5、如果你真心做到上述几步，到网上投简历，两到三个星期后一份UI设计师的职位就等着你上了，当然这只是一个开始，从跑龙套到星爷的过程－－－开始出发－－－－成就达成
，此条消息来自Smartisan T1。
成为美工还可以。
，熊二，快跟上。。。
我觉得会软件和设计师完全是两回事。。。。
，UI设计学徒
大学学了两年UI，素描色彩作业塞了满满一柜子，熬夜做图做的不知道今天是周几。这些努力现在看起来这么不值钱。我决定学UI的时候憧憬着改变交互时代的梦，坚持不下来的时候看着做出的东西鼓励自己。这一切一切都不是为了钱，我还没工作，不知道UI市场到底怎么样，因为我知道无论景气还是颓败，我都会坚持下去，因为我爱着我从事的事业。看到这个答案，我只有愤怒，只有被玷污的愤怒
，学习UI设计中的小菜鸟
要是真有快速的办法，那这行早就烂了。我去年从0开始，现在毕业在一家不错的互联网公司。首先你得是个一直关注用户体验或者互联网行业的人，然后你得有耐心和细心，耐得住寂寞几个小时去修修补补一个图标，耐得住刚开始的挫败感。最后，你得有自己想法并且实现它，然后通过各种包装把自己推销出去。万事没有捷径，最近觉得自己有点松懈，把这些感受分享出来共勉，很怀念自己沉浸在学习中的状态。希望自己有朝一日也能达到我曾经仰望的大神们的水平。
，一个用心的回答让我从备胎升级到云备胎。
设计软件只是工具，它并不是判别你是否有资格成为设计师的标准.1、学PS也好，AI也好，也是在锻炼你对制图、光感等基本绘画美感的过程。如果没有美术基础和制图基础的人想要速成，很抱歉，设计这一行并不太适合你。2、如何速成这个老生常谈的问题，让我一直止步于是否入行这个路口。分享一个真实例子：一家公司高薪聘请产品设计师，一名符合资格的设计师应聘，要求年薪25万。老板答应了，但要求设计师一年至少出190张概念图。一年后，老板辞退了设计师，并可以用这190张设计图用最起码5-6年。你可以说这个案例有着特殊性，但是不排除设计师这个行业并不如表面如此风光。想要当一个设计师，如果不能沉下心，浮躁地选择薪酬待遇，实在不如不入行。
UI设计师的看门本领不是Photoshop，而是对行业的敏锐触觉还有对产品规范、用户体验的深入研究。这些才是核心竞争力，哪个UI设计师不会用Photoshop？平面设计师也会Photoshop，你让他做UI去，你看他会不会被程序员打死。
，职场新人
个人觉得学会什么是逼出来的，懂一点操作你就去应聘只要能进去，周围环境的压力，不出三个月基本就懂了不过有没有发展下去可能就看个人了吧
十年磨一剑我们从小就接受各种专业美术训练，见过的老师，用过的纸张，颜料我都不敢想有多少，当你高三在复习的时候，我们窝在火车站画速写，当你在家吃饭的时候，我们在素描，当你赖床不起的时候，我们在画色彩，不断的锻炼着自己的造型能力与色彩能力，上了大学学了视觉传达设计，不说是全国最好的美院吧，起码入门了，每天还要加班工作到深夜，做作业，做实验，了解其他学科和工艺。你一句快速掌握ps就当设计师了，抹去了我们几十年的心酸与付出，就你这样的，干什么都也就这样了，认命吧。
本人就是做设计的，最烦那种培训班出来自称设计师的，好好的设计都被搞廉价了，让我们这些学美术出身学设计的大学生怎么活？
，怎么了？什么事？然后呢？
学会PS很简单，成为设计师就没那么简单了。
你会写钢笔字就是硬笔书法家么？
好像在问：怎么快速学会使用铅笔达到大师级绘画的水平 ？
你们想速成叫那些辛辛苦苦读4年大学的艺术生情何以堪
，资深业余前端工程师
看到很多人把美术相关的基础和训练拿出来说, 我觉着是不对的... 有些东西靠反复的训练, 能够提高, 但是审美这种东西, 天赋占了非常大的比重. 举个例子, 透视. 有的人不用怎么练习, 随便涂涂抹抹就能搞出个没什么大问题的图, 有的人只能依赖一些技巧, 而最终出的图呢依旧感觉怪怪的.如果题主是有审美没技术, 那大可不必担心大家说的美术功底. 但如果是天生审美不算很好, 又对这一行没有极大的热爱, 那还是不要涉足了. (之所以说没有极大的热爱, 是因为很多东西, 包括审美都是可以总结出模式的, 特别是在一个特定的应用场景. 所以如果能够不断地学习总结, 也可以用理论弥补审美的不足.)当然还有个问题是, 可能是个人都觉得自己审美好... 这种情况怎么办呢. 我也不知道因为我就觉得我审美挺好哈哈哈哈, 用一张图支撑我的观点.&img src="http://image83.360doc.com/DownloadImg/7/.jpg" data-rawwidth="800" data-rawheight="533" class="origin_image zh-lightbox-thumb" width="800" data-original="http://pic2.zhimg.com/e3edb20ecaface7c397f241_r.jpg"&
和快速沾边的都是浮夸风骚年脚踏实地慢慢来吧急于求成的都是傻屌
，UI设计‘员儿’，盼望成为‘师’的那一天。
如题主的回复所说，你确实看到了不少美工的本质， 但并没有看到UI设计师的本质， 去dribbble等设计网站上看看真正的UI设计的设计水平吧。感觉现在扁平风盛行，国内市面常见的UI设计的确看起来容易做（当然仅仅是看起来），也导致了很多人认为UI很''简单''， 但我相信等这风头一过，到时候人们对UI的需求，市场的需求，会让人们看到那些真正有能力的UI设计师们。因为职业荣誉感与‘’找份工作‘’无关，题主的问题挺那什么''现实''的，多临摹好作品多思考为什么这样设计吧，多有意思的职业，而不仅仅是一个软件一份工资，你也不想自己以后的职业被人说成‘‘就一个PS的事嘛’’。仅仅希望做这行的，都是真正喜欢的，真正理解它的，而不是盲目的进入这个领域。谁也不想在以后赖以生存的的互联网里，总是看见那些枯燥而乏味的界面吧，热爱设计并热爱生活，哦也！
，目前是做客服
想学习UI 不知道哪家培训机构好一些 给个建议吧
工作量要足够大，一来考验你的热忱，二来可以磨练技巧。坚持不了都白搭。
，UI交互设计师/
你以为学个P's ,就能把我的活给抢了吗？？ps只是一个工具，切记。关键还是个人的品味，审美，想法。
，飞驰传输
现在什么岗位都这么不值钱了是么？达内学学PS就是设计师了？青鸟培训两个月编程就叫程序员？大智上几个星期课就叫会计？你们让那些科班出身，学了整整4年设计、算法、财务然后又从低到高工作了3、5年的人情何以堪？不是本专业的外行人士，想转行可以，踏踏实实从零开始，学理论学技能积累经验，当你成长起来的时候会得到公正的评价以及合理的待遇。别什么事都想速成，败坏了一个个职业！
，思考人生
主要怪那些公司，招聘的时候说，要精通ps
，一名成长中的射鸡尸
这问题就像：”学会修如何补轮胎后，怎么成为一名赛车高手··“ 一样···很简单，补胎只是其中的一个环节，是为了开赛车服务的，想要成为赛车高手，必须在跑道上开很多很多的路，需要积累赛道经验。所以，对设计师来说，会软件只是基础中的基础，实际项目操作才是设计成长最关键的因素。
，初中文凭，主要职业跳大神
那我现在就辍学不读了，去淘宝上买个ps七天速成就当UI去了
我们这周正在写一篇关于交互设计的论文 现在才改完论文准备睡觉（英国时间凌晨一点） 这两天每次在tl上看到这个答案都各种心塞呢
，大学摄影讲师 国家摄影高级技师
我感觉难度较大...
，app启动页
从美工做起
，别太早给自己一个终点，别太迟给自己一个…
学一样东西急于求成，快速学会是不可能的，关键在于日积月累。
我是自学成的，期间碰过很多壁。
建议有条件可以找老师教，没条件自学的话，到网上多找教程看，可以从基础看起。
但也不能老停留在基础，空闲时多看看别人做一张图的教程。因为新手教程大多整理后每一课只教一种工具运用效果，而做一张图的教程是综合运用了几种效果，你学的东西就多些。
给你推荐个论坛不错，叫我爱制图论坛，注册个号从初级学习班起步，慢慢就会了，祝你成功！
楼上楼下的观点我真的不同意，虽然楼主说的也不对！设计师！想成为设计师只会PS怎么够，起码还要会AI！！！！！！——
打开PS，熟悉几个常用工具。然后拼命模仿所有你看得上的UI，很快你便达到应聘水平。不出一万个小时，你便足以甩开普通UI设计师几条街。还记得那句话吗？无他，但手熟尔。
大三，在一家创业公司做UI设计。我大二开始设计到UI设计，第一个是用AI做的，那个丑，那个惨不忍睹，第二个是熟悉了点PS后做的，杀马特风严重，第三版是看了《移动设计》后，刻意走扁平化路线，设计出来的当时看很好看，现在看觉得模仿很严重，当然模仿不可耻，会让你长很多姿势，第四版是看了些关于工业设计的书，又有了想做好扁平就要先搞定拟物，可以追求光影什么的，觉得很艺术（我现在都觉得很艺术），唯一被老板肯定的一个设计就是仿美团风格，然后我刻意加了一些自己觉得很有设计感的小细节，在第一版模型里，最得意的设计小细节被拿走。
当然我打了这么多主要是想说，边学边做，带有目的或逼格的做，我现在经常看时装秀，喜欢mashama的设计，虽然用不到我的UI设计，但是总认为会有用，哦，对了，做UI的同时最好产品本身加入你的想法和创意，即使不是产品经理也要厚着脸皮各种想法建议各种辩证。不要犹豫与等待，看完上面几个黄金答案，就是干啊
，有创造力没记忆力
看完评论，我觉得，既然不是美术专业，就不去入这行了。还是当作爱好吧。
嘛，毙人（误）初一从三年级开始自学Ps，目前除了板绘手抖其他的都没问题
，哈哈哈哈哈
别听楼上的胡说八道了，，，试问你们谁不是从一个小白成长到现在，在其位，司其职，你们所谓的审美，体验，经验，不过是行业给你们的，如果你们没有机会进入此行业，哪怕你再审美再好，梦想再牛，不过海市蜃楼罢了。扯远了，掌握ps，ai这些基本软件的操作就很好了，审美只要不是特别变态，剩下的就是进入行业内，找一些实习的岗位，慢慢积累，不会比其他人差的，再说一个设计师的名号而已，服务的是团队，没什么了不起的。
我婶婶，农村人初中文化，嫁给我叔前做大排档服务员，嫁给我叔叔后在我叔的小照相馆当老板娘，十几年过去了，是我见过PS最熟练的使用者，你觉得她能做UI设计师么？
，平面设计师
论如何用一只钢笔超越莫言，年年拿诺贝尔文学奖。
，景观再危险，也有人黑着眼眶熬着夜
快速学会 = = UI设计师= =如果你本身是学习平面设计的 那自学ps或报个培训班 靠着本身就积累的平面素养 应该会很快要是什么也不会。。跨专业。。这个问题。。算了吧ps好学 设计师可不是那么好当的
，理性上来说你是对的，但是感性上呢？
建议先去小公司的淘宝店去当销售。
，热爱生活中的任何一切
为什么不？对于绝大多数自认为当的好老板就一定能同吃其他职业的人管理的企业而言，所谓的ui设计师，不过就是拿别人作品东抄西搬，所谓的ue设计师，不过就是将老板不切实际，不具有实用价值的想法绘制成一页页的线框，供老板检阅是否在工作。既然想法无足轻重，如何实现反倒更为重要。学会使用ps这样的工具，难道不能胜任该工作？
，不议政，只言技
公司一个PS超熟练的小孩，每次做原型还得要我这个根本不会PS的技术来告诉他该做成什么样子，用什么色彩搭配，用什么字体和字号……以此来回答题主的问题，PS好真的不意味着能当设计师。
，蹩脚诗人
说实话。现在就是路边复印店，都要求能熟练使用PS。&img src="http://image83.360doc.com/DownloadImg/7/.jpg" data-rawwidth="864" data-rawheight="159" class="origin_image zh-lightbox-thumb" width="864" data-original="http://pic2.zhimg.com/9fed959bc84eb7b43e1d_r.jpg"&
，1、搜索“邀请码小组”找邀请码；2...写回答…匿名
人关注该问题
最近活动于 01:27
被浏览 100390 次，相关话题关注者 1364868 人※神站导航→
馆藏&123639
TA的推荐TA的最新馆藏
喜欢该文的人也喜欢374被浏览29,326分享邀请回答257 条评论分享收藏感谢收起201 条评论分享收藏感谢收起发布者: mobileui
目前UI设计是一个很火的职业，不少同学都想转去学UI，但其培训费用很高，不是一般用户能承受得起的，其实UI设计并不是想像这么难，只要懂一些规范，多练习、多看，很快就能入门了。
今天我们整理一系列使用PHOTOSHOP制作的iPhone APP UI设计教程，都是比较简单的知识，对于新手来说可以去学习临摹一下。虽然是英文教程，但比起国内一些教程来说更实用，更多好技术，有的就算是有经验的设计师也不知道哦。UI入门教程推荐！
温馨提示：UI设计必须要有耐心，新手做出来的东西本来就慢很多，所以不要觉得教程这么长就不想去练习哦！话说做教程的人比你辛苦十倍有多。
用Photoshop创建一个下载应用界面
这个UI设计教程是教你制作一个下载应用的界面，过程详细易懂，对英文不好的同学，其实学图片都懂得差不多了，教程从新建画布开始讲起，并提供想着素材下载，一起跟着学习，不错的UI入门练习教程。
创建一个IPhone 5设备模型
我们分享过很多这样的素材，但有没有想过自己画一个逼真的Mockup出来呢？如果想自己画一个出来，那么可以看看这个教程哦。
如何设计一个IOS 7 风格的邮箱应用
这教程会教你设计一个iOS 7 EMAIL APP界面，流行的扁平化风格，时尚漂亮，整个教程非常详细和细致，有很多小技巧，所以要认真学习哦。
利用PS创建一个拟物化的IPad APP界面
这个界面不算很逼真，但对于新手来说可以拿来练手，懂一些设计技巧， 不要一直扁平化，质感表现也要学习呢！
教程已经为同学们准备好LED字体了，记得下载下来练习哦。
用PS CS6设计一个IPhone音乐应用界面
看图片就知道是一个漂亮的音乐界面了，有没有想过自己能设计一个呢？想学UI的同学做做这个练习，入门也差不多了。
如何用Photoshop设计一个IPhone APP程式界面
比较老一个教程，所以界面设计得很简单，如果同学们觉得上面太难了，可以练这个简单点的吧：）
用PS来个IPhone 5出来
一个iPhone 5手机UI教程，有空可以练下，加深对图标样式的了解。
用Photoshop制作UI界面动效
我们知道PS有制作GIF动画图片功能，所以我们要吧用它来制作一个APP动效，当然如果你的动效比较复杂，就不建议用GIF，而是专业点的软件了。例如AE(After Effects)
一个购物APP UI设计教程
这里你将会学习如果用PS设计一个时尚的购物类型的APP界面。教程中还使用了一些好用的插件，同学位可以去下载体验。
PS手机游戏界面设计教程
下面是一个和手机游戏想着的界面设计，只要按教程制作，其实并不复杂哦。
Photoshop制作漂亮的IOS 7手机界面
这是一个橙色时尚的APP应用教程，教程的界面设计很漂亮时尚，而且制作过简单，同学们练习的时候可以改下配色，不一定要用教程的颜色，尝试自己创造个配色出来，在推荐。
PS实现IOS7风格的背景
看起来简单，但可教程中的制作方法你可能没用过，更方便简单。
Photoshop实现 IOS 7风格的模糊背景
其实和iOS 8 的模板差不多，喜欢的学习一下吧。可以拿手你喜欢的照片、图像来制作哦。
UI设计师的Photoshop配置
这些设置是有经验的设计师提出来的，方面在PHOTOSHOP设计UI界面，对于初学者可以不用摸索就有样板对着设置实在太幸运了。
PS制作 IOS 7 图标
扁平化图标教程，简单易上手，多练就好。
PS CS6制作一个IOS 7 UI 界面
PHTOSHOP CC 扁平化天气UI设计教程
一个时常，漂亮的天气应用，视频教程，要以一步一步对着做。这个界面很漂亮，远胜很多天气APP了。
天气APP UI设计教程
这个教程中还包含了天气小图标的设计，可以学到一些小技巧，很实用方便。
一个聊天APP的UI教程
在这个教程里我们可以学习如何设计一个基础APP UI界面。
一个倒计时界面设计
使用图层样式创造一个逼真的电话按钮
本教程主要学习一些质感的表面，并且只是用图层样式来实现，所以这个学好了，以后其它应用也差不多。
PS制作一个简单的APP用户个人页面
这样的用户个人主页在APP UI中是很常见的，同学们可以练习练习。
设计一个逼真的APP图标
这个练习可能用点难，但慢慢来，练多就好了。
创建一个Twitter APP界面教程
原文来自：
, , , , , , ,
向您推荐：
经常遇到很多伙伴咨询如何去提升专业、练习应该怎么去做、灵感从哪里来等等问题。结合这些问题总结和梳理了一下自己的点滴经验，希望能帮助到大家，与之共勉。
本文的目的是给刚入行的新人分享个&
每当苹果公布新的壁纸，总会有人或者手机厂商去模仿苹果家的壁纸，因为他家的壁纸是真的好看啊。今天我们来学习一下最新的iPhone8和 iPhone x的壁纸是怎样做出来的？
值得注意的是，&
被iPhone X刷了一天屏，到下午实在受不了各种标题写着“iPhone X 适配、指南、设计稿” 内容却是发布会回顾和手机介绍的标题党。索性自己写一篇只针对iPhone X适配的贴子，与适配无关的内&
@Echo 由于iOS 和 Material Design的组件体系有些不一样，所以关于组件的分类体系我会分iOS篇和Android篇来讲解，本篇文章为iOS 篇。
对于大部分入门设计师及中级设&
如果你关注过一些取得大成就的人，总会在他的成长故事中发现很多传奇的经历，比如少年时代的天赋异禀，或是30、40岁的大器晚成，为了做好某件事的废寝忘食等等…然后摸摸自己的胸脯说，他们是天才，我只是个普通&
@Micu设计你是美工？还是设计师？你是合格的设计师吗？ 设计工作中最基础的修图会吗？找素材拼图会吗？ 如果这最基础都不会，能称自己是设计师吗？能漫天要价吗？ 如果有点职业道德，先学会最基础的修图，再谈设计吧！ 一起看看别人是如何将图片合成的！ 第1组:采集素材 完成设计： 第2组: 第3组: 第4组: 第5组: 第6组: 第7组: 第8组: 第9组: 第10组: 第11组: 第12组: 第13组: 第14组: 第15组: 第16组: 第17组: @Micu设计投稿，自 weibo
从2011年开始接触APP，到现在为止也做了几个了，发现了一个共同点就是和每一个技术搭档切图的时候，会遇到不同的问题，因为技术的水平高低有限，所以他们要求你给切图的时候也会不一样，针对切图后来我总结了一套规律分享给大家，希望互相学习~ 相关阅读： 设计师需要掌握的图片原理与优化技巧 Android设计中的.9.png 切图小贴士 一.android版 在做android版本设计的时候，尺寸有很多种，这时我们要以一种尺寸为基准，那这个基准尺寸是480px*800px，设计图完成之后就开始切图了，我拿我之前设计的一张图为例子讲解下：
当看到上边这张设计图的时候，我们首先分析下应该给技术切哪些图（为了避免以后少改动，建议切图之前最好和技术先沟通下，怎么切）； 1、底部栏目的icon和背景：
这个一般有2种切法：（有默认和选中之后的效果）
2、顶部栏目的背景切图： 由于顶部导航栏的是渐变样式，所以切图只需要切一小条，技术来平铺拉伸就可以~（PS：如果是花纹背景，就必须切整条了，因为花纹切一小条就会被拉伸了~） 3、标注文字大小和行间距：（以这张图为例子，我标注好了，请看下图） 需要注意的： A：android主要有3种屏，即： QVGA和WQVGA屏density=120; HVGA屏density=160; WVGA屏density=240; B：apk的资源包中， 当屏幕density=240时使用hdpi标签的资源 当屏幕density=160时使用mdpi标签的资源 当屏幕density=120时使用ldpi标签的资源； C：我们标注的是PX，但是技术的算法是DP，所以需要PX和DP进行转化，PX和DP的转化主要跟密度有关系，当密度density=160即（屏幕尺寸：320*480）时，1PX=1DP；当密度density=240即（屏幕尺寸：480*800）时，1PX=0.75DP；当屏幕的尺寸大于480*800的时候，密度都按照240计算即可；当密度density=120即（屏幕尺寸：240*320）时，这个现在几乎没有人用了，所以我也不知道转化公式，如果您知道，可以留言告诉我啊~ 注意：因为我们做的是基于480*800尺寸的，大家都知道android的尺寸太多了，要想适配现在流行的尺寸，比如：640*960；720*1280等，唯一的解决办法就是图标可以根据不同尺寸各做一套，也就是图标需要做480、640和720共3套图标，不过如果你们的产品的要求不严格，做一套就可以，只不过是在大于480尺寸的屏幕上有些图标被拉大变虚而已~ 二.ios版 在做ios版本设计的时候，尺寸有3种，分别是：320*480、640*960、640*1136；这时我们要以一种尺寸为基准，那这个基准尺寸是640px*960px，设计图完成之后就开始切图了，我拿我之前设计的一张图为例子讲解下：
当看到上边这张设计图的时候，我们首先分析下应该给技术切哪些图（为了避免以后少改动，建议切图之前最好和技术先沟通下，怎么切）； 1、底部栏目的icon和背景：
这个一般有2种切法：（有默认和选中之后的效果）
2、顶部栏目的背景切图：
由于顶部导航栏的是多颜色的，所以只能切一整条给技术，商圈的图标要单独切出来
3、二级标题栏目的切图： &
周陟 （@UCDChina 深圳负责人、交互设计专业委员会（@IxDC）部长） ：我发现一个问题，大部分刚入行或者经验不多的设计师在碰到问题的时候都喜欢”索取”，最好有个现成的东西放那儿给他供着。这暴露了我们设计师群体一个严重的现状——自学能力的欠缺。 我上次提到设计师的三大素质（我自己觉得是这样，也是招人的时候重点考察的），这次就专门聊聊自学能力的问题，与各位打拼靠自己的朋友共勉。 作者还有一篇很有意思的分享：普通UI设计师与顶级UI设计师的区别是什么？ 什么是设计师的自学能力？ 我们对自学能力的理解是从上学的时候建立的，但那个时候的”自学能力”相对单纯，无非也就是如何通过自己看书、做题，复习到达熟练记忆，以便应付各种苛捐杂税式的考试。 但进入设计行业后，这个自学能力不仅仅限制在”了解知识、复述知识”的范围，设计师要学习各种软件，学习如何寻找灵感，学习如何与客户沟通，学习怎样规划自己的行业前景……这种交叉性的自学要求会成为很多人的屏障。并且，很难定义一个所谓的”自学能力”的量化目标。 就我个人理解，设计师的自学能力是使用合适的时间、方法、资源达到独立的、正确的解决问题的能力。 如何才能有效的自学？ 你细心的话，应该注意到上面我的用词，这些关键点就是有效自学的途径。在设计这个行当，光努力是不够的，我们不只是要强调效率，也要强调效能。回过来看，你们学校历史中是不是总有那么几个无论如何努力都始终分数不高的货色？ 首先是合适的时间； 如果一件需要花时间的学习任务超出了你的时间成本，你就不应该去碰它，或者换一个更好的方式，比如：你现在是一个从事了8年平面设计的设计师，你觉得目前做动画的收入高，你希望通过自学动画，然后跨行到这个领域，那么未必是最好的选择，首先你的8年的平面经验几乎没有再升值的空间，其次作为一个新人，也许你还要3年的等待，好死不死，你的脑子不错，等到你学有所成，动画行业又是另一个新的天地了。 正确的方法是重要的； 方法不仅是你练习的方式，还有思考问题的方式，这里强调的是设计师快速发现问题的能力，只有准确的了解需要自学的领域的难度、行业标准、设计思路、应用形态，你才知道从何入手； 比如：你想自学网页设计，并把网页视觉设计师作为自己的职业发展，你就应该首先了解，一个网站的基本结构，每个结构需要哪些工作岗位，他们的职责有何不同，一个网站视觉设计师应该干什么，抓住重点（而不要一开始去学什么HTML代码，那不是你最该关心的，我这话是说给某个朋友听的）。 资源指的是任何能够让你了解到所需知识的平台； 基础的东西先看维基和google，然后去书店翻一翻行业著作，然后下载一些软件的学习版知道你要使哪些工具，这些都是你的资源，如果凑巧你还能找到一些资深的从业人士咨询就更好了，但是要提醒的是，别人没有义务回答你，所以你先要准备好自己的问题。 独立性决定了你在自学途径中对自己的要求；你善于坚持的品质是你能够成功通过自己的努力达到目标的前提条件，在你周围没有更多的资源可以利用的时候，你只能靠自己不断的练习，思考。我发现要求很多设计师练习没有问题，要求他们思考却很难，自学的过程中，”想”永远是最关键的。 自学不是万能灵丹 你的性格不适合自学。这是正常的，有部分朋友他们的性格天生就是依赖性强，缺乏主见，在遇到困难的时候选择逃避，那么这样的性格想完全通过自学来达到一个”好高骛远”的目标是不太可能的。你需要选择一个付费的培训机构或者老师，通过一些外部的压力，让你有所提高。 除了自学还应该参与交流。交流当然是重要的，通过交流可以达到解惑的效果，有个前提需要注意，你要和别人交流，别人也需要知道值得和你交流，因此你要有所储备，交流既然是平等的也就需要基础，别以菜鸟之心度老鸟之腹，既冷了场又露了怯。 自学的技术必须转化为实际项目。你的自学有可能是为了自我提升，自我积累设计经验，但如果是为了解决实际问题，那么你自学的成绩就必须经过实际项目的检验，比如：你学习了一些新的交互设计的工作技巧，那么在你自己从事项目的时候你就应该争取机会导入进去，否则到头来，你也只是做了一嘴的好交互。 “人一定要靠自己”，说的不是抛弃阶级感情和团队协作，而是面对困难和障碍的时候，往往只有你自己才是靠得住的。缺乏自学能力的设计师，从性格与技能上都会落于下风，因此请不要让自己”被飞”的日子来得太早。 原文出处：《闲言碎语：周陟设计随笔》，感谢作者的无私分享，推荐童鞋们阅读原著，受益无穷 : ） & &
移动app开发中多种设备尺寸适配问题，过去只属于Android阵营的头疼事儿，只是很多设计师选择性地忽视android适配问题，只出一套iOS平台设计稿。随着苹果发布两种新尺寸的大屏iPhone 6，iOS平台尺寸适配问题终于还是来了，移动设计全面进入“杂屏”时代。看看下面三款iPhone尺寸和分辨率数据就知道屏幕有多杂了。 加上Android生态中纷繁复杂的各种奇葩尺寸，现在APP设计开发必须考虑适配大、中、小三种屏幕。所以如何做到交付一套设计稿解决适配大中小三屏的问题？设计和开发之间采用什么协作模式？一个基本思路是： 1、选择一种尺寸作为设计和开发基准； 2、定义一套适配规则，自动适配剩下两种尺寸； 3、特殊适配效果给出设计效果。 & 手机淘宝的iPhone 6/iPhone 6 Plus适配版本即将提交App store审核。先晒一下我们采用的协作模式，再慢慢说明原委。 第一步，视觉设计阶段，设计师按宽度750px（iPhone 6）做设计稿，除图片外所有设计元素用矢量路径来做。设计定稿后在750px的设计稿上做标注，输出标注图。同时等比放大1.5倍生成宽度1125px的设计稿，在1125px的稿子里切图。 & & 第二步，输出两个交付物给开发工程师：一个是程序用到的@3x切图资源，另一个是宽度750px的设计标注图。 & 第三步，开发工程师拿到750px标注图和@3x切图资源，完成iPhone 6（375pt）的界面开发。此阶段不能用固定宽度的方式开发界面，得用自动布局（auto layout），方便后续适配到其它尺寸。 & 第四步，适配调试阶段，基于iPhone 6的界面效果，分别向上向下调试iPhone 6 plus（414pt）和iPhone 5S及以下（320pt）的界面效果。由此完成大中小三屏适配。 & 为什么选择iPhone 6作为基准尺寸？ 当面对大中小三种屏幕需要适配的时候，很容易想到先做好一种屏幕，再去适配剩下两种屏幕。第一个决定是到底以哪种屏幕作为设计和开发的基准尺寸。我们选择中间尺寸的iPhone 6（750px/375pt）作为基准，基于几个原因： & 1、从中间尺寸向上和向下适配的时候界面调整的幅度最小。375pt下的设计效果适配到414pt和320pt偏差不会太大。假设以414pt为基准做出很优雅的设计，到320pt可能元素之间比例就不是那么回事了，比如图片和文字之间视觉比例可能失调。 & 2、iPhone 6 plus有两种显示模式，标准模式分辨率为，放大模式分辨率为（即iPhone 6的1.5倍）。可见官方系统里iPhone 6和iPhone &
初涉移动端设计和开发的同学们，基本都会在尺寸问题上纠结好一阵子才能摸到头绪。我也花了很长时间才弄明白，感觉有必要写一篇足够通俗易懂的教程来帮助大家。从原理说起，理清关于尺寸的所有细节。由于是写给初学者的，所以不要嫌我啰嗦。 现象 首先说现象，大家都知道移动端设备屏幕尺寸非常多，碎片化严重。尤其是Android，你会听到很多种分辨率：480×800, 480×854, 540×960, 720××1920，而且还有传说中的2K屏。近年来iPhone的碎片化也加剧了：640×960, 640×××2208。 不要被这些尺寸吓倒。实际上大部分的app和移动端网页，在各种尺寸的屏幕上都能正常显示。说明尺寸的问题一定有解决方法，而且有规律可循。 像素密度 要知道，屏幕是由很多像素点组成的。之前提到那么多种分辨率，都是手机屏幕的实际像素尺寸。比如480×800的屏幕，就是由800行、480列的像素点组成的。每个点发出不同颜色的光，构成我们所看到的画面。而手机屏幕的物理尺寸，和像素尺寸是不成比例的。最典型的例子，iPhone 3gs的屏幕像素是320×480，iPhone 4s的屏幕像素是640×960。刚好两倍，然而两款手机都是3.5英寸的。 所以，我们要引入最重要的一个概念：像素密度，也就是PPI（pixels per inch）。这项指标是连接数字世界与物理世界的桥梁。 Pixels per inch，准确的说是每英寸的长度上排列的像素点数量。1英寸是一个固定长度，等于2.54厘米，大约是食指最末端那根指节的长度。像素密度越高，代表屏幕显示效果越精细。Retina屏比普通屏清晰很多，就是因为它的像素密度翻了一倍。 倍率与逻辑像素 再用iPhone 3gs和4s来举例。假设有个邮件列表界面，我们不妨按照PC端网页设计的思维来想象。3gs上大概只能显示4-5行，4s就能显示9-10行，而且每行会变得特别宽。但两款手机其实是一样大的。如果照这种方式显示，3gs上刚刚好的效果，在4s上就会小到根本看不清字。 在现实中，这两者效果却是一样的。这是因为Retina屏幕把2×2个像素当1个像素使用。比如原本44像素高的顶部导航栏，在Retina屏上用了88个像素的高度来显示。导致界面元素都变成2倍大小，反而和3gs效果一样了。画质却更清晰。 在以前，iOS应用的资源图片中，同一张图通常有两个尺寸。你会看到文件名有的带@2x字样，有的不带。其中不带@2x的用在普通屏上，带@2x的用在Retina屏上。只要图片准备好，iOS会自己判断用哪张，Android道理也一样。 由此可以看出，苹果以普通屏为基准，给Retina屏定义了一个2倍的倍率（iPhone 6plus除外，它达到了3倍）。实际像素除以倍率，就得到逻辑像素尺寸。只要两个屏幕逻辑像素相同，它们的显示效果就是相同的。 Android的解决方法类似，但更复杂一些。因为Android屏幕尺寸实在太多，分辨率高低跨度非常大，不像苹果只有那么几款固定设备、固定尺寸。所以Android把各种设备的像素密度划成了好几个范围区间，给不同范围的设备定义了不同的倍率，来保证显示效果相近。像素密度概念虽然重要，但用不着我们自己算，iOS与Android都帮我们算好了。 如图所示，像素密度在120左右的屏幕归为ldpi，160左右的归为mdpi，以此类推。这样，所有的Android屏幕都找到了自己的位置，并赋予了相应的倍率： ldpi [0.75倍] mdpi [1倍] hdpi [1.5倍] xhdpi [2倍] xxhdpi [3倍] &
当下 UI 设计的扁平化浪潮可谓如日中天，从微软的 Windows 8 开始，还有后来 Google 的 Android，到现在的苹果 iPhone 的
iOS，都采用了扁平化的设计理念。
Less is More是很多设计师的口头禅，它最早是由建筑大师Ludwig Mies van der Rohe提出，是一种提倡简单，反对过度装饰的设计理念。在此基础上，不断的有
微软表示不会在今年推出自有品牌的Windows Phone，这是科技博客The Verge获得的最新消息。多位微软内部人士确认他们不会在2012年底前推出“微软”品
题图来自designerfund.com
当你在招募优秀设计师时，需要想想自己的公司是否对设计师有足够的吸引力。
我自己的选择倾向：
是否真正的重视
UED设计流程在各个公司之间可能存在不同，国内的设计师在知乎社区上讨论了各自公司(包括腾讯、百度等)的UED设计原则、流程等，其中的经验值得
Tubik Studio ：我们的日常生活中总是面临着无尽的选择，大量的挑战。设计的决策也是如此，一...
在业务迭代周期内，产品经理和设计师对要做的产品需求和功能点进行需求分析和设计讨论的过程中，有时会出现...
在过去的2年当中，设计领域一直在探讨UX写作（UX Writing）这一“新兴”的设计分支。实际上，...
莫贝网（www.mobileui.cn）移动设备界面设计专业网站。为UI设计师提供手机界面设计，移动应用界面设计，平板电脑界面设计，导航界面设计等手持移动设备，移动终端界面设计相关知识的收集分享，共同学习的网站。
关注微博：}