【设计方法】视觉表现建立信息层级

作为视觉设计师，我们的作用除了最基本的满足用户审美需求，还会有品牌传达，信息传达，功能传达等，其中想要信息有效的传达给用户，需要我们建立信息层级，而不是一股脑的丢给用户自己理解，要做到这点有哪些视觉方法，这些方法的背后是否有理论依据，是本文的主题。首先看下面两张图，左图为相机拍摄的效果，右图为人眼不移动时看到的效果，可以发现人眼对信息的获取并不是一次性完成的，它不能同时产生

产品 2014年02月28日

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

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

产品设计 2014年09月21日

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

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

用户研究 2016年04月10日

交互设计中的项目跟进怎么进行？

从8月中旬开始接手了产品的大改版，经过半个多月的时间，基本完成了前三个阶段（输出了几经评审的交互“终”稿）。视觉阶段交互文档也有美丑，好的交互文档不但界面美观而且视觉逻辑清晰。虽不提倡在交互稿中使用过多的颜色而干扰了视觉设计师的发挥，但是可利用深浅对比实现界面元素的操作逻辑。展示给用户的界面都应该有所重点，引导用户以期望的路径使用产品。因此好的文档视觉设计师可以一目了然的读

用户研究 2016年04月10日

当交互设计师承担视觉设计

有人说，工科背景出身的交互设计师跟视觉出身的交互设计是的区别之一是，前者设计的东西会不够有美感，也就是很Low。虽然逻辑架构，特别是做大型管理系统的时候，可以很快把信息和功能模块归类，但是视觉知识和审美积淀，对我们这种工科生来说， 却是天生的Bug。那么，当交互设计师在一个项目中需要承担起视觉设计的工作的时候，该怎么办呢？视觉设计的思维不像开发知识，或者版面设计中那些对齐理

用户研究 2016年04月10日

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

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

用户研究 2016年04月11日

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

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

Axure教程 2016年04月11日

iOS用户界面的新视觉比例

以上引文是从Josh Clark的书《Tapworthy》中摘录的，这是一本iPhone UI设计的权威书籍。苹果的移动HIG（人机界面指南）中建议将44 X 44像素作为让可点击UI元素用着舒服的最小尺寸。大多数应用，包括几乎所有原生应用都遵循该44像素的节奏。大家都很高兴，所以会有什么问题呢？由于从去年开始就进行iPhone应用界面设计，我已经深深感受到了原生应用和非原

交互体验 2014年03月07日

实用干货！如何让设计效果高还原度落地？

最近半年在大司（华为）参与一个重点项目，且将会上线到全球各个局点（本司专称，指某个国家）中，涉及多端多屏协同问题。临时组成的设计作战团队， 人员投入少、时间紧迫、任务量大高强度的状态下摸索前行。为时五个月过去了，项目推进良好Phone端ios与Android也到测试阶段，“大视频”端 的开发工作也即将开始。五个月的时间，与优秀的同事一起协力合作，参与Phone端“大视频”端

交互体验 2016年04月20日

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

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

产品设计 2016年05月02日