沙海拾贝的惊喜!20个以细腻动画取胜的优秀网页设计

编者按:动画今年是热门,像一场跳跃腾挪的表演,久看也不免厌倦。在这波浪潮里,有一小股设计师别出心裁,给网站加了细腻而不恼人的动画,一方面给网站添了生气,不致沉闷,一方面顺应潮流,锦上添花,实在是聪明得紧,来学习一下。目前很多网页设计已经运用新的HTML5视频以及CSS3+JS来实现很棒的动画效果,不过我们在使用动画时也不能太弦,可以适当的并且有意义的去使用,这才不会分散网站访客的注意力。

优设文章 2014-12-11

过稿有诀窍!超全面的低保真原型初级指南

编者按:很多同学喜欢在设计初期花大量时间去绘制高保真原型,结果被甲方和用户一票否决,而有经验的设计师往往会先绘制低保真原型,期间不断与甲方、用户沟通,最后出炉的高保真原型就能轻松过稿。今天这篇初级指南,绝对可以帮你大大提高过稿率呦。前言设计师Paul Rand曾说:“理解人最本质的需求,并且认识到必须寻找一个合适的场景以满足这些需求,是设计师教育的基础。

优设文章 2014-12-09

移动设备手势分析!用户到底是怎样操作手机的?

@TerryFan (思科云协作部门用户体验设计师):自上次用户持握手机的研究之后,终于又完成了另一篇系列文章的翻译了。同样来自Steven Hoober,这篇更加关注于细节——用户具体使用时的手势,例如点击和滚动,研究结果都是实打实的干货呦。上次那篇好评如潮的交互文章:《移动设备手持分析!

优设文章 2014-12-05

跟上潮流!手把手带你入门IOS 8人机界面设计

编者按:之前发布了一篇2万多字的IOS 8的人机界面交互指南,可能很多同学木有看完,今天着重挑色彩、文字与布局3个方面来讲,@网秦UEC  的同学已经很细致地将图片都译为中文,全是脱水干货,来涨姿势咯。上一篇指南地址:《腾讯力作!超赞的iOS 8人机界面指南(1):UI设计基础》在去年,Apple针对新时代用户彻底更新了其设计语言。

优设文章 2014-12-04

搞定一像素不求人!为设计师量身打造的XCODE教程(2)

编者按:前两天@JingDesign同学刚分享了Xcode自学指南的第一小节,今天继续分享第二小节,帮同学们进一步了解Xcode,并利用它设计一个App界面,想跟工程师做朋友?现在就得开动咯!@JingDesign :上一节中,我们对Xcode有了初步的印象,相信很多的设计师朋友都可以顺利的在自己的Mac上运行自己的第一个app程序了,可喜可贺!

优设文章 2014-12-02

色彩搭配速成!3个实用方法帮你全面搞定配色

编者按:最值得收藏的色彩设计方法!色彩搭配是一门花样繁多的学问,但任天下奇招再多,独孤九剑总有破法,今天阿里的同学这篇色彩设计方法,仅有简单3大类,但囊括了众多顶尖的配色技巧,不可多得的集大成篇,别错过咯。为什么要整理设计色彩方法?

优设文章 2014-12-02

向前辈学习!交互设计师每天是怎么工作的?

编者按:教你高效利用工作时间!今天的主角是@EDC尤原庆 同学,他分别列出了自己在美国、德国和中国的交互设计工作,全都井井有条且轻重得当,最后还附上设计师工作安排的实用经验,非常值得各个领域的同学参考学习,推荐收藏哟。排除讨论工作中的特殊情况,例如版本发布前疯狂的节奏、长达一天的会议、年中年底的组织建设、预算安排等,我想写自己经历过的3个日常的“交互设计师的一天”:交互设计师在美国一天的工作交互设计师在德国一天...

优设文章 2014-11-21

腾讯CDC标叔力作!聊聊我与交互设计的那10年

编者按:很有幸能看到这篇文章,作者见证了腾讯CDC从寥寥数人变成一个成熟团队的整个过程,成长经历相当有可读性,且值得设计师学习反思的地方太多,无论是哪个领域的同学,都推荐阅读收藏。前言:今年同时是我工作的第十个年头,今天也是我的生日,如果一路往上回顾,应该是有不少故事的,如果要讲,我总是习惯性从我工作的第5个年头开始,一方面 5年前的工作经历很平庸,不为人知,缺乏戏剧性,基本在小公司,传统IT企业厮混。而5年后...

优设文章 2014-11-13

拓展你的思维!为大屏手机设计导航的四种方法

如今的手机越来越大,我们的手则不然。怎样的设计解决方案可以确保大屏手机上的交互体验依然轻松舒适?下面是一些实用的小建议,同学们处理交互对象时可以参考这几种思路,学起来吧。

优设文章 2014-11-13

走进幕后!优设编辑的工作是怎样的?

来优设一年多了,前几天优设哥跟我说可以聊聊自己的工作,今天花了一点时间写出来,与同学们共勉。幸运就像七彩祥云先说一下我跟优设的结缘。那时候很喜欢一个作家,将他的作品、访谈、书信都看了又看,还专门新开了一个微博,每天发一点他写的东西。

优设文章 2014-11-11

经验分享!如何让动效符合设计原则?

编者按:今年iOS 7与Android L都将动效作为提升用户体验的利器,如果你还木有通读整一篇设计指南,就先来了解一下阿里同学今天的分享吧,通过案例剖析,帮你了解动效与设计原则的关系,来学习咯。想读整个文档的同学,你要的东西在这里!《腾讯力作!

优设文章 2014-11-11

基础小教程!如何利用路径工具给文字排版?

@畅游VC :文字排版从来就不是个让人省心的孩纸,尤其是在需要配合曲线形状应用的时候。虽然PS为我们提供了“变形文字”这个便利的小工具,但是它的扩展性和可操作性实在是普通到不行。如何解决以上的问题呢?

优设文章 2014-11-09