超实用新手指南!零基础如何自学UI设计?

编者按:无鸡汤不吹水,一整篇全是可借鉴可实操的前辈经验,从学习准备、绘画技巧到软件掌握、设计理论,共七个层级,步步进阶,力求让新手能通过自学,成为一名专业的UI设计师。也建议大多数自学成才的设计师阅读,查漏补缺 >>>优设指南类文章合集:平面设计:《超赞!设计师完全自学指南》交互设计:《交互设计师修炼指南!

优设文章 2015-03-23

顺丰模板速递!三月第二波优质好用的展示模板免费下载

3月第二组展示模板及时送到!说到这组模板,肯定少不了最近大热的全新MacBook,三色可选(土豪金、星空灰、银白色),可定制屏幕,2304×1440超高分辨率,免费入手,已打包微盘。另附众多高质量的新鲜模板,绝对值得收 >>>Apple Mac Book 2015 PSD Mockup Templates素材打包 微盘下载Free Magazine Ad PSD Mockup↓↓ 模板免费下载 ↓↓Free Business Cards Mockup Templates↓↓ 模板免费下载 ↓↓Samsung G...

优设文章 2015-03-15

设计利器抢先看!Quartz Composer+Origami 2.0介绍及教程

编者按:最近大热的Origami 2.0,同学们应该都有所耳闻了,今天@大蔚陈 带来一个入门的介绍+教程,附上使用体验,感受下 >>>随着互联网尤其是移动互联的急剧发展,设计变得更受重视,于是越来越多的产品经理和设计师开始寻找简单好用的工具。2014年可谓是原型工具爆发的一年,各类工具层出不穷。我也尝试用过很多种,从代码级别的 Framerjs,到 Quartz Composer,当然我最喜欢的其实还是 Xcode 和 Keynote。

优设文章 2015-03-09

新手必收干货!7个最容易中枪的印刷设计误区

@doo-plus :印刷对于设计新手来说堪称“雷区”。太多不起眼的小错误就能对最终印刷成品产生巨大的影响,而这些错误令本就不低的印刷成本更贵一筹。希望下文中提到的“最常犯”的错误可以为你所用,做足功课,避免惨痛后果 >>>纠正新手的错误好文:《躺着也中枪?

优设文章 2015-03-09

新手最佳教程!交互设计入门完全指南(上)

@特赞Tezign  :准备好涉足交互设计了吗?在这篇文章中,作者对交互设计的各个方面做了简单介绍:包括历史、原则、知名设计师,以及他们的设计方法等等。即便你已经是一个交互设计师,这篇文章也值得一读。

优设文章 2015-03-08

超实用!如何准确的向工程师传达动效设计?

@TCWison (阿里高级视觉设计师):随着软件与终端的发展,如今的用户体验设计中动效的作用正变得越发重要,也有越来越多的设计师开始尝试让自己的作品“动”起来。但在实际工作中,相信大家常会有这样的疑问:怎样才能将自己精心设计的动态效果,准确的传达给工程师,避免实现的偏差呢?下面我想根据自己的经验,抛砖引玉,和大家聊一下这个话题。

优设文章 2015-03-04

见微知著!三板斧帮你快速搞定移动缺省页设计

编者按:今天@腾讯ISUX 的同学从三个角度(What、Why、How)帮同学们搞定移动缺省页的设计。文中含大量丰富实例,可借鉴性非常高,强烈推荐同学们收藏唷 >>>饭饭妥妥的:缺省页面,是出现在用户没有提交任何资料或者网络连接不通畅的情况下所展现的页面。通常设计师们习惯用丰富的数据内容把页面设计得美观实用,考虑的都是界面展现的“理想状态”,往往会忽视没有内容的“缺省状态”。

优设文章 2015-03-03

工具随心用!教你用Keynote快速制作高保真交互原型

编者按:今天@大蔚陈 给同学们演示一个利用Keynote制作高保真交互原型的过程,那些用几百行代码才能实现的动效,Keynote两页就轻松搞定,给交互的同学多一个酷炫的选择,感受下 >>>让我们通过做一个案例来感受一下吧!先看视频链接:http://v.youku.comKeynote 在一定程度上,制作高保真原型是非常快速的。比如我下面的这个例子,在 Framerjs 的官网有用 Frame...

优设文章 2015-03-01

超实用!图片素材随手找,原型设计快又好

@牛冰峰 :画图——这项古老而精细的做法,是一代代产品狗们得以传承的立足之本。草图、线框图、思维导图、PPT插图、数据汇报图表、低/高保真原型图,甚至UI视觉图……真是一图未完一图又起。

优设文章 2015-02-27

不忘初心!带你一步步回顾交互设计史

编者按:这篇交互设计史回顾,从上世纪70年代最早的交互思维说起,聊到交互的初心与未来,与当下的交互互相参照,有诸多值得阅读的观点,学习 >>>人机交互设计的发展史犹如一团乱麻,但这千头万绪乱糟糟的野蛮发展却又能碰撞出各种机遇。这些自诩为科技创新但实际上是不合时宜且毫无必要的技术的案列不胜枚举。就在上个月举行的 2015 年国际消费电子展上,从可触摸操控的外联网智能电冰箱到解放司机双手和双眼的便...

优设文章 2015-02-19

超实用!Photoshop基础形状新手入门指南全科普!

编者按:实战+讲解,一次性帮你搞定基础形状!@P大点S微博  同学不仅深入浅出解释了基础形状的原理与运用,而且手把手教你如何巧用Photoshop的基础形状绘制图标,是新手入门的绝佳指南,强烈推荐学习呦 >>>优设近期热门指南:《基础知识学起来!为设计师量身打造的DPI指南》什么叫基本形状,具体的定义,估计需要回小学问一下老师。

优设文章 2015-02-14

PS教程!手把手教你创建朴实精致的3D复古字体效果

编者按:今天的字体效果非常有旧时代上海贵族的气质,教程难度不大,新手也可以轻松搞定,素材及源文件已打包微盘,随时可以练手 >>>在开始之前,我们需要准备以下资源。(我已经打包到微盘,如果不能下载,请及时联系我邮箱:manoftang@sina.com)Freshman Normal 字体素材图案源文件PSD素材打包  微盘下载创建渐变背景第一步:新建一个800*600px文档,并将Background图层创建一个副本,将其命名为Background_copy。步骤二:双击Background_copy图层,勾选...

优设文章 2015-02-08