视觉

H5三个设计方向的自我定位

如今,移动端H5如雨后春笋般迅速发展花样繁多,无论是宣传产品、内容介绍、新闻推广都会想方设法搞套H5出来。那么如何在众多H5中脱颖而出?如何使手上的资源发挥最大化?如何扬长避短,做出吸睛的H5?都是摆在我们面前的问题。在我看来移动端H5可以向三个方向进行设计定位:内容方向、交互方向和视觉方向。1、内容方向是指介绍内容为主的H5,从用户情感出发,基于大众所熟知和想了解的方面入

设计师版式宝典!从零开始教你掌握网格系统

网格的类型许多设计师都会在网格系统上开始一个新的设计。不同的人有不同的习惯,有人喜欢12列的网格,有人则喜欢16列网格,还有人喜欢24列的网格等等等等。重点不在于网格一共有多少种类型,而在于你实际应用的那一个!在网页设计中,网格系统是十分常见的,响应式网页设计的推广,网格的地位又得到了提升呢!我个人更喜欢12列的网格。每一列的宽度取决于最终输出的稿件应用在哪,比如打印或网页

思路很重要!搞定完美配色方案应当思考的八个问题

不论是品牌设计还是网站设计,配色都是其中最关键也是最具有挑战性的组成部分。完美的配色方案并不是随便挑两个色彩就可以投入使用,实际上,优秀的配色背后有许多实用的规则在做支撑。今天的文章就从九个方面来帮你做好优秀的配色方案。1、从色轮开始我们从小就开始接触色轮,但是看起来很简单的色轮直到今天依然是设计师手中最实用的利器。色轮不仅仅是一系列色彩的简单组合,它暗含色彩之间的关系和规

【DDC 译文】为什么视觉设计不止满足于眼睛

对于一个优秀的产品来说,视觉设计是重要的组成部分。视觉在整个设计流程中是一个两极分化的一环,它常被认为是对设计进行多余的雕琢,只不过是为了取悦老板们的糖衣炮弹。又或者,通常对于初级设计师,他们甚至认为视觉设计是伟大设计的终极目标:如果看上去很华丽,那就是好设计,如果看上去很丑,那用户肯定不会喜欢。然而,视觉设计既不是一个无关紧要的部分,也不是一个作为衡量一个好设计的终极目标

如何画出专业的原型图?(上)

怎么样的原型图才算是专业的原型图呢?文章总结了一些经验,希望对你有所帮助。本片文章(原型上篇)重点内容:清晰的视觉层次视觉流结构功能预见性信息的焦点即为视觉的焦点足够简单考虑到边界条件首先,我们要明确原型图是画给谁看的,通常是以下几类人:开发、部门领导、UI设计师和测试,一个完善的产品流程离不开着几个角色。开发通常最关心的是有多少功能,功能的复杂度怎么样,边界条件是什么,异

超实用的格式塔原理小科普

在界面排版,网页广告设计等视觉传达设计工作中,视觉上的画面琐碎,零散,信息混乱无序总是视觉设计师无可避免的问题。视觉的整体感做不好,会给人不舒服,不协调的心理感受。这些问题来自人们的主观感受(“不舒服”,“奇怪”),通常难以描述清楚。同时,设计师们也意识到:表现作品的整体感与和谐感是十分重要的。无论是设计师本人或是观者,都不欣赏那种混乱无序的形象。但是,“有毛病,不舒服,奇

分享原型画线框图容易忽略的几件事

通过工作中的观察与总结,我发现不少新人交互设计师以及产品人员,在画线框图时都会忽略一些重要内容,导致和视觉设计师的沟通成本增高、返工增多、工作效率下降、设计质量下降等重要问题。为了解决这些问题,一方面需要加强沟通,另一方面还需要多站在视觉的角度考虑线框图的设计,使大家的配合更默契。那么具体怎样做呢?以下就是我工作中积累的一些心得,希望对大家有所帮助。  一、通过明暗对比表达

视觉层次构建的9个技巧

本文分享了9个方法,帮你搭建更加高效的视觉层次。enjoy~视觉层次是塑造优秀数字产品的基础,它能让内容以更加有效的方式被组织到一起,使其更容易被理解。视觉层次对于用户体验的影响很大,信息的组织架构是否清晰直观,将直接影响到整体的导航和浏览交互。虽然大家对于视觉层次都有基本的认知,但是在设计的过程中,要怎么做才能确保构建出合理的视觉层次呢?首先,不同的产品构建放方法肯定是不

和你的用户谈一场恋爱

最近读了一篇文章叫互联网的女性主义特征,大体意思是说:互联网的世界中虽然有男有女,但现如今的产 品越来越重体验,重情感和去中心化等都说明了互联网时代的用户具有强烈的女性主义特征。既然如此我们在设计产品时不妨把用户当做自己的女朋友谈一场恋爱 吧,只不过对象从女朋友变成了用户,下面一些零星感悟。第一步:建立良好的第一印象大多数人都不是高帅富,因此在女孩子的眼里保持干净整洁的外表