讲真,你真的懂得文本输入框设计的那些潜规则么?

编者按:文本输入框几乎是每个UI设计师都必须用到的设计控件,它们无处不在,对于用户体验的影响无疑是巨大的。虽然看起来很简单,但是一个设计成熟的文本输入框,其实是要满足许多“潜规则”的,这些规则你是否都了解?当新用户开始使用一款APP或者入驻某个网站的时候,至少最基本的信息都需要通过文本输入来完成。

优设文章 2016-08-10

7000字长文,解决设计师最爱吐槽的那些事儿

编者按:如果问设计师觉得最悲哀的事是什么,能收到很多吐槽客户/老板/产品/工程师/国内环境的答案,然而作为一个有6年经验,曾多次把设计团队从弱势地位提升到拥有主导权的总监,这篇文章的作者有一个帮你解决这些悲剧的灵药,7000长文干货,强烈建议阅读。作者柏傅美:我觉得最大的悲哀正是来自于同行们的自暴自弃和自怨自艾。最近让我觉得最为悲哀的莫过于百度刘总监的演讲和PPT,当然了,几年前刘总监在用户体验设计大会上的吉祥物设计报告和英文水平秀其实就已经让我觉得非常的尴尬了。

优设文章 2016-08-10

感觉占位文本有问题?11个原因在这里!

自从占位文本被引入到界面设计之后,它们已经被广泛运用到表单中来作为提示信息。虽然这种做法听起来不错,但实际上是有问题的,因为占文文本所代表的提示信息跟表单项的实际有效值之间,关系似乎不清不楚。至于原因,来看看这篇文章。

优设文章 2016-08-10

畅快出效率!帮设计师与工程师更好沟通的3个方法

如何和工程师更好地合作,这是每一个设计师职业生涯中需要不断去思考的一个课题。以下是我自己和大家总结的一些经验教训,分为3个步骤,从设计师专业素养的提升到合作的沟通技巧都有,全是实战总结出来的,建议阅读。欢迎关注点融设计中心DDC微信公众号(微信ID:DR_DDC)作为一枚摸爬滚打多年的设计师,每天接触最多的除了Sketch就是各色各样的攻城狮了。

优设文章 2016-08-09

为什么你的设计作品看上去不够专业?

@惜可若己 :设计中的一致性会在无形之中使你的设计效果更加优秀,也更易于用户使用。今天这篇教程免费提供了7个提升设计一致性的小贴士,会让您的设计作品看上去更专业,适用于视觉/UI/品牌设计等,实战性很强,建议阅读。对于一致性来说,在某些些情况下,要理解并实践它几乎是无需伤脑的事情,而在其他情况下,理解起来可能会有点复杂。

优设文章 2016-08-09

五分钟全知道!UI设计师的上下游都在做什么?

当感觉自己遇到瓶颈,觉得工作效率很低下时,可以看看我们的上游和下游都在做一些什么事情:产品在规划什么,交互如何分析需求,用研是如何做访谈和问卷的,开发又是如何调接口和后台对接的,帮助会很大。今天这篇好文告诉你上下游的同事都在做什么。现在看到有许多的设计师仍然在钻研怎么切图更快,用什么软件作图,标注更快,我想告诉大家,先把手头上的事情暂且放一放。

优设文章 2016-08-09

细节是魔鬼!13个提高「进度条」用户体验的设计技巧

@惜可若己 :一个优秀的「进度条」能让用户等待过程变得不那么无聊,而这里面其实大有细节可言。今天这篇译文总结了13个能提高进度提示用户体验的设计方法,强烈建议阅读。进度条界面设计教程:Photoshop教程:《PS教程!

优设文章 2016-08-08

新鲜实用!20款为前端和网页设计师准备的代码工具

毫无疑问,高效的代码工具能够让前端和网页设计师的工作事半功倍。实用的代码工具不仅能够帮你更为有效的应付不同类型的任务,还能帮助你的项目更为有效的推进。今天推荐的前端代码工具能够让你拥有更为富有成效的工作流程,这些工具涉及到字体、色彩、PSD、HTML/CSS等多个不同的环节。

优设文章 2016-08-08

实例教学!利用「对比原则」做出抢眼设计的20个方法

编者按:可能是「对比」技法的最全面学习指南!对比是设计四大原则之一,可以增强吸引力,起强调作用,学会运用这个技巧非常重要。今天@喪心病狂十六夜貓 这篇好文总结了20个利用「对比」做出亮点设计的方法,每一个都有实例演示,好学易上手。

优设文章 2016-08-07

网站信息量大,该采用分页式设计还是瀑布流滚动设计?

当页面内容信息很多时,设计上应该使用分页,还是瀑布流无限滚动的方式呢?今天这篇好文详细分析了各大信息流网站(谷歌、Pinterest、淘宝)的做法,列举了这两种方式的优缺点和适用场景。一篇精悍简练的干货文,来收!

优设文章 2016-08-07

不用纠结!这三个正在流行的趋势为你指引LOGO设计

设计趋势的确是令人又爱又恨的东西。一方面它是潮流,独树一帜,时尚而又不同凡响,紧跟它你能创造不一样的设计;另一方面,它来的快去的也快,少有设计趋势能够持久地流行,也许当你刚刚打磨好一个设计作品,这一波趋势就已经“过气”了。这就相当尴尬了。

优设文章 2016-08-06

实战好文!帮你做出优秀电商Banner的五个方面(超多案例)

不沉的骨头:本篇帮你解析Banner 中的构成元素,包括版面分割、版面布局、文案排版、配色和细节表现。每个方面都有丰富的案例和实战操作方法,特别实用的电商设计好文,一起来收!往期电商设计好文回顾:《高效流程!

优设文章 2016-08-05