结构层——交互设计与信息架构

交互设计和信息架构都强调一个重点：确定各个将要呈现给用户的元素的“模式”和“顺序”。交互设计关注于将影响用户执行和完成任务的元素。信息架构则关注如何将信息表达给用户的元素。交互设计交互设计关注于描述“可能的用户行为”，同时定义“系统如何配合与相应”这些用户行为，用户与产品两者之间就像两个舞者一样，彼此做出回应。概念模型：用户对于“交互组件将怎样工作”的观点称为概念模型。规划

产品 2017年06月02日

惊喜来了！如何用PS给心爱的妹子/男神做一份独特的礼物？

编者按：当设计师遇上喜欢的人，该送什么礼物才能不落俗，格调够高还有创意呢？今天@Veles 传授的这一招简单实用，而且送给妹子后不用担心角落吃灰，出街率满满！单身的朋友们，是时候来提升一下自己的撩妹/汉能力了。我相信当人家知道你是干设计的时候，肯定遇到过这样的场景。甲：呀！你是做设计的啊？你会画画呀？好厉害呀！可以不可以送我一副我的图呀，很简单的。设计狗：啧啧啧，简单，你咋

产品 2016年06月27日

酷站两连发！脑洞大开的免费图库+设计冷知识网站

编者按：今天的两个酷站，一个是有超多脑洞大开的图片免费下载库，每周更新可以商用。一个是@JJ-Ying 大大推荐的设计冷知识网站，里面收集了一百多条特别有意思的冷知识。一起来看看。本文要介绍的 Gratisography 同为一个在线免费图库，图片依照主题分为动物、大自然、对象、人物、城市以及难以分类异想天开的类型，亦搭配搜寻功能，可透过关键词来快速找到你需要且合适的图片。

产品 2016年06月29日

卡片式设计的最佳实践

卡片本质上是一个简单的信息容器，信息量有限，但设计干净整洁。现如今，在保证界面具有优秀可用性的同时，卡片式的设计甚至成为了平衡界面美学的默认做法。作为最初由Pinterest和Facebook这样的终端服务引入的一种新的设计方案，今天卡片式设计的影响力正在多个行业蔓延开来。如果设计合理，卡片式的设计将能够在一定程度上改善应用程序的用户体验。在本文中，我将描述5种有用的卡片设

产品 2017年01月11日

一招教你让交互方案更靠谱——目标导向设计法（下）

之前的两篇文章介绍了什么是设计目标，以及如何确定设计目标。这篇文章介绍一下确定设计目标之后的工作。确定了设计目标之后，可以按照这个通用的流程继续进行：竞品分析→流程图→原型图。竞品分析是一个较大的话题，以后有机会另辟一篇文章跟大家分享。本文重点说一下流程图和原型图。把一个流程图画出来，需要两步：第一步将需求涉及的元素列出来，并进行归类；第二部根据心理模型进行排序。画完了流程

产品 2017年02月21日

交互设计常见问题汇总 1010

前言这些问题是网易交互微专业上，老师对同学问题的解答，这里Hisharer已经对问题进行来整理。这里也许有你可能碰到或正在碰到的问题，希望对你有所帮助。1、为什么说TAB切换不适合移动端呢？移动端不是有很多TAB导航吗？不管在安卓还是ios，tab切换都很多，并没有不适合。安卓端就有大量的tab切换。2、交互设计师在需求的初期就要参与将需求可视化，讨论需求的可行性。实际工作

产品 2016年11月11日

动效在 UI 设计中有哪三个关键用途

随着技术和硬件设备性能的提升，动效已经不再是视觉设计中的奢侈品。动效不仅仅是华丽的动态效果，它首先帮助设计师和用户解决了许多界面功能上的问题，让这用户更容易理解产品，也让设计师更好的表达。动效本身还让整个界面更加活泼，充满生命力，更加自然的相应让就用户和界面之间有了情感的联系。动效对于UI界面在功能和情感上的强化到底有哪些呢？今天的文章，我们从三个方面来聊聊这件事情。1、系

产品 2017年02月22日

UI 设计中的黄金分割比

之前在 Medium 上看到的这篇文章，翻译了一下，介绍给大家。作者信息见文章末尾。黄金分割比在建筑、电器、logo 设计和摄影等领域都有着举足轻重的作用。我不准备用过多的篇幅去讲它的概念，大家可以在维基百科中去了解。我们的意识总是倾向于接受和谐和美好事物，而黄金分割比就可以在感知上使一款产品让人感到舒适和愉悦。简单点说，它就是一个让产品在设计中达到某种平衡的工具。这种方法

产品 2017年03月14日

来充电啦！推荐几本经典的设计心理学书籍（附节选及PDF）

@薛斯塔 ：本文通过整理及节选三本设计心理学相关的书籍，来向大家阐述心理学是怎样影响设计的。《设计师要懂心理学》列举了100条与设计相关的心理学知识；《乌合之众》讲述了群体的决策特点以及如何影响个人的心理；《十宅论》则以案例分析的方式向大家阐述用户的心理、性格、欲望等是如何影响他们选择产品（住宅）的。不止于读心理学，来这儿看看：优设图书导航阅读之前先来看看读书的方法：《华为

用户研究 2016年08月18日

与尺寸相关的事情：在响应式网页设计中平衡行宽和字体大小

随着我们对响应式网页设计方法的优化，针对人们如何阅读，我们越来越专注于行宽及与之相关的关系上。随着“理想的行宽”的普及化，引出了一些诸如“大屏幕时加大字体尺寸和小屏幕时缩小字体”等的建议，同时一个好的行宽确实提高了阅读体验，但它只是好版式的一种衡量规则而已，另一种衡量规则是保证一种舒适的字体大小。人们如何阅读人们通过线上阅读文字来满足他们自己的需求：寻找他们需要的信息，发掘

产品经理 2017年06月01日