视觉设计

2016年是一个H5满天飞的年代，如何在众多牛气的H5中脱颖而出，留住用户关注和让朋友圈永无休止的不停传播呢？这也是一枚骚气且不隐忍的运营设计师一直研究琢磨的课题。这里拿QQ音乐年终盘点H5为例来解析下我对H5的次元幻想。

这几天有一些同学问我关于面试的问题，其实我对于整个面试的过程还没怎么总结过，但是对于如何阐述自己的设计思路倒是有一套方法，今天分享给大家。由于信息安全问题，我将底部的信息主架构进行了隐藏和改变，大家主要看整个设计思路的阐述，不要纠结细节。

图片在网页中所扮演的角色越来越重要。作为最常见也是最早使用的网页多媒体，图片对于网页设计师而言至关重要。如何用好图片已经成为了一项成熟、完善而又讲究的技巧，而在高清屏幕无处不在的今天，稍有瑕疵的图片都在高密度的像素下无所遁形，而不合理的图片设计也不会逃过访客的双眼。很简单，色彩会让观看者分心。

一篇VR实践指导文章。Smashing Magazine好久没有这样新一些的东西了。实践指导性质的内容非常简单易行，个人感觉需要重点关注的是将传统UX设计流程及方法融入VR产品设计的思路，以及作者对于VR设计开发工作前景的观点。新技术，新事物，大风刮去之后留下的一批实践者所始终坚持的那些，才是真实的、有长期价值的东西。这是走心；集体意淫无非走肾而已。

初学服务设计，读了一本好书——《This is Service Design Thinking: Basics, Tools, Cases》（by Marc Stickdorn，Jakob Schneider），推荐并笔记。而本文基本描述了我对服务设计的初步理解，以及服务设计给我带来的在用户体验设计领域的灵感触发。“服务设计是有效的计划和组织一项服务中所涉及的人、基础设施、通信交流以及物料等相关因素，从而提高用户体验和服务质量的设计活动。…… 服务设计将人与其他诸如沟通、环境、行为、物料等相互融合，并将以人为本的理念贯穿于始终。…… 简单来说，服务设计是一种设计思维方式 ，为人与人一起创造与改善服务体验。…… 服务设计强调合作以使得共同创造成为可能，让服务变得更加有用，可用，高效，有效和被需要 ，是全新的、整体性强、多学科交融的综合领域。…… 服务设计的关键是“用户为先 + 追踪体验流程 + 涉及所有接触点 + 致力于打造完美的用户体验”。”——百度百科“When you have two coffee shops right next to each other, and each sells the exact same coffee at the exact same price, service design is what makes you walk into one and not the other.” – 31 volts service design, 2008“However, creativity is not so much a gift as a process of listening to the ideas “flowing” through one’s head and being prepared to articulate them.”

动效的强大之处在于，它将设计以更为成熟的方式呈现出来，它赋予设计以生命力，让产品脱颖而出。

视觉设计的重要性跟这个世界看脸一样，不言而明。译者注：Huggies是一个婴儿尿不湿的品牌。译者注：有时候设计师会先收集一些图片文字之类的东西弄出一个合集，作为设计的参考和灵感来源，这类东西叫做moodboard。具体介绍可参考：https://en.wikipedia.org/wiki/Mood_board

关于交互设计，这是一篇很全很全很全（重要事情要说三遍）的科普文章。作者写了1.6万字，实在是诚意之作。如果你打算走进交互，此文值得真的真的真的（重要事情要说三遍）值得一读^_^ by 小编目录导读：
1. 交互设计概念
2. 交互设计输出物
3. 交互设计相关理论
4. 交互设计流程及方法
5. 交互设计常见案例分析
6. 交互设计规范及趋势
7. 交互设计师进阶之路举个例子就是：小明饿了，他需要填饱肚子（目标），他跑到楼下的餐馆进行点餐、吃饭、结账（任务），吃完了出门的时候推门（行为）出去，然后过马路回家。交互指的是产品与它的使用者之间的互动过程，而交互设计师则是秉承以用户为中心的设计理念，以用户体验度为原则，对交互过程进行研究并开展设计的工作人员。——百度百科①初级交互设计师<10k：俗称「线框仔」，出没于小公司和外包公司，没有设计决策权，专门配给不会画图的产品经理使用。门槛低，只需要熟练使用原型软件，会看着其它APP抄设计即可。无发展前途，看到此类岗位请远离。
②中级交互设计师10k-15k：除了画线框图外参与一定的产品层面的工作，有一定设计决策权，通常为知名院校应届毕业生，可以对设计决策提出异议，但不一定被接受。
③高级交互设计师15k-25k：通常可以参与整个产品的概念过程，工作职能与产品经理更为接近，有更多的设计决策权，通常工作经验超过2年，可以和产品经理、视觉设计师、用户研究员及开发人员进行「激烈讨论」，并有能力维护设计师的尊严。
④资深交互设计师>25k：通常出没于BAT、财大气粗的创业公司及设计咨询公司。有着丰富的成功设计案例，通常工作经验超过5年，有主流大公司工作经验，有大型项目的设计管理经验，业内有一定名气。
——以上分级，参考寺主人在知乎的回答《如何成为交互设计师？》“你在设计的生涯中，有没有用到或者总结出哪些设计方法？”“以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。对于网页设计来说，栅格系统的使用，不仅可以让网页的信息呈现更加美观易读，更具可用性。而且，对于前端开发来说，网页将更加的灵活与规范。”“关于弹窗中的“推荐选项”应该放在左边还是右边，分了两种情况：如果推荐选项有破坏性，那么应该放在左边。如果没有破坏性，则应该放在右边。但到了iOS10的时候，却变成了推荐选项都应该放在右边。”

不论如何，内容为王，而形式服从于内容，谨慎选择。

今天要聊的三种设计趋势其实已经出现一阵子了，但是作为一种相对综合的设计手法，他们并没有引起广泛的关注。只需要使用现有的元素、色彩和排版手法，就可以实现这三种设计效果，但是它们不论是从美学特征上，还是从功能性上，都不输于其他的趋势。有兴趣么？不妨来看看吧。

文章介绍了导航设计中的3个原则，将以下原则付诸实践，或许会使用户体验大大Max！

iOS 和 Android 的设计还有许许多多的不同之处，比如字体、Tab bar 设计、物理键操作方式、编辑模式、APP 体现个性的方式……在设计移动端产品的过程中，设计师们可以更多的去思考两者的异同，并且更多的关注一下 Android 系统独有特性的运用，不仅仅节省了开发成本，同时也更好的为 Android 用户所接受。1dp（Android）=1pt（iOS）
以48dp@160dpi计算的话
mdpi 48px (160dpi, 1x) 基础尺寸，已经非常少使用
hdpi 72px (240dpi, 1.5x)低分辨率
xhdpi 96px (320dpi, 2x) 同iOS @2x
xxdpi 144px (480dpi, 3x) 同iOS @3x
xxxdpi 192px (640dpi, 4x) 更大更高更强的分辨率

找准方向与维度，从大方向去讲解你的设计风格，只要你执行了，那它就不是什么困难的事情了。

相信有很多小伙伴和我一样，经历过“做设计，心里没底”的情况，说的直接点就是“找到好参考就能做好，找不到好参就做不好，即使做出了好作品，也觉得带有一定的偶然性！”为什么会这样呢？最近菜心对这个问题感触颇深，所以想和大家分享一下自己的经验。ps：今天的干货是sketch4.1安装包及中文教程，大家可以自行下载。下载地址：https://pan.baidu.com/s/1c2oZkQW（无需密码）

网站能承载多种多样的内容，但无论是哪种内容，通常都会遵循一定的信息架构。在这其中，故事是很特别的一种类型。讲故事，往往能以更叙事、更情感化的方式，将内容传递给用户。一个好的故事，往往始于笔端，但是最终呈现，还是要依靠精巧的设计。那么设计是如何讲好故事的呢？今天的文章，为你分享一下创造故事的7个维度。

我一直觉得做设计，其实是在克制，潜移默化是最好的。在你没有想好如何表达，最稳妥的做法是克制你的表达欲。

互联网视觉设计师如何在职业上精深一直是我在思考的，遇到过许多视觉设计师想转行去做交互或者项目经理，找不到视觉设计师的价值和专深入点。我也在思考与探索中，下文是我现在想到的一些点，也欢迎同道中人一同探讨，互相启发。

今天说讲述的5个思路是不同的，内容决定设计，留白，故事都和这种填鸭式的广告不是一个路子。而线上广告和传统广告最大的不同在于，它可以创造体验。

本文是刚入行的交互设计师结合整个实际项目实践，尝试探讨交互设计师和产品经理、其他上下游同事之间的“共生”关系，希望帮助设计新人找到与上下游配合的一点灵感。“人们创造了事实上并不存在的对立，并且他们也给这些对立强加上十分确定的新的名称”。