本文通过分析日式网站的色彩、图片、文字和元素运用，帮你充分吸收日式网站的精华，让中文网站的设计也变得高大上！

色彩

当我们看到小清新的网站的时候首先一定会想到日式网站。

Sarara 是一家纯净水的网站，所以它的网站主题色系为蓝色系，主要由高饱蓝色到低饱蓝色的过度，加上明暗对比的强烈，直接了当的突出宣传的产品。

之前有粉丝留言说希望我们能写一篇关于iOS和Android平台特性对比的文章，笔者曾经为两个平台分别做过差异化的设计，所以今天想借此话题为大家介绍一下iOS和Android两个系统在设计方面的差异之处，让大家能更好的理解其中的异同并运用在自己的设计当中。

作为智能手机的最大的两个阵营，iOS和Android系统差异一向都是大家津津乐道的话题，其中内容通常是围绕“机器性能好不好，打开软件卡不卡”“摄像头的像素高不高，拍出来的自己美不美”“外观是不是有bigger”等话题展开的。

但在一个设计师眼里，这两个系统的差异性之多可远远不止表面上看起来的那么简单粗暴。但在移动端趋势有如春草那样蔓延开来的今天，大多数的公司都选择把iOS的界面直接运用于Android系统。我们自然可以理解这样做是为了节省成本和更快的迭代，但抹杀了系统特性的运用却牺牲了许多Android用户的用户体验。尽管知乎也有类似回答过两个系统交互的不同，今天笔者想更着重介绍一下两者设计语言的异同。

者按：“帮忙做个LOGO？” 很多外行不清楚一个品牌设计的过程，才会屡次提出类似的问题。这篇文章将腾讯企鹅电竞的LOGO 的设计过程都写了下来，看完涨姿势，防甲方！

LOGO 最终效果图

想从美工变成真正的设计师，学习设计之上的原则很重要。这篇译文收集了全球各个最优秀的产品设计原则，让我们了解这些产品设计背后更高的设计指导原则。

腾讯视频TVD：在我们进行产品设计的时，总会遇到一些很难决策的地方或者没有头绪的时候，例如两个方案看上去都很不错，究竟选使用哪个才是对的？在设计时该往哪个方向进行？

在表层设计之外，探索和制定更高层级的产品设计原则应当是需要我们努力的方向，这些设计原则能帮助产品设计保持更高的一致性。

今年元旦，AlphaGo 连续挑战包括聂卫平、柯洁、朴廷桓在内的中韩顶尖围棋选手，三天内取得的战绩为令人咋舌的 60 胜 0 负。在过去一年的互联网舞台上，人工智能 （Artificial Intelligence）站在了聚光灯的中心。AlphaGo 在新年伊始， 为 2016 年打上了一个大大的惊叹号。

本文转载自「UX Coffee 设计咖」微信公众号，微信内搜索「uxcoffee」

过去这一年，和 AI 相关的新闻铺天盖地。身为设计师的你可能会问：人工智能和我的日常工作有关吗？我应该为此做什么准备？

• 适读人群：拥抱未来的设计师
• 阅读时长：约5分钟

人工智能和设计师有关吗？

回首过去这一年全球科技公司的大事件，「人工智能」几乎是一个绕不开的关键词。

• 3月，人机围棋世纪之战打响：李世乭在 5 番棋中以1：4败给 AlphaGo，震惊了整个围棋界以及……朋友圈…
• 4月，人工智能成为 Facebook 开发者大会上的主角，基于 AI 技术的聊天机器人开放平台，让很多人第一次感性地认识了这个听起来有点深奥的技术概念。
• 5月，Google 首席执行官 Sundar Pichai 在 Google IO 上高调宣布公司未来战略将由「移动优先」转向「人工智能优先」，并发布了智能语音家庭助理 Google Home。
• 9月，Amazon、Facebook、Google、IBM、Microsoft 五家公司宣布在人工智能领域建立合作，分享其各自在 AI 技术上的突破，以吸引更多人才进入这一领域。
• 12月，Amazon 宣布他们在刚刚过去的这个圣诞假期中，卖出了上百万台 Amazon Echo （亚马逊旗下智能语音助理）。
• 上月，前微软高级副总裁陆奇宣布将加盟百度，除了负责百度旗下众多主线产品业务，还将专攻人工智能研发。

编者按：什么是无框界面？凭什么断言它能成为2017年的主流UI 设计风格？雨涵_Zoe 这篇干货文章为你揭秘。

什么是无框界面？

纵使几大设计风格已形成寡头垄断（如苹果的圆角玻璃、谷歌的层级、微软的方块…），但界面设计的进化历程才刚刚开始。

写过关于去形式化的话题。在这个新趋势中，界面上的内容越来越重要，相对的，一切与内容无关的都被大大削减。

去形式化是一张非常模糊的全景图，在演化中一些新的设计风格逐渐清晰起来，例如——无框界面。

也许你已经发现了，今年来越来越多的网站和应用，尤其是那些注重设计的，都有这样的趋势。曾经用来划分区域的边框和边线逐渐消失，然而在干净的界面上，通过距离分割，各区域的差别依旧清晰可辨。

今年很多文章都猜测对话式交互会成为2017年热门趋势，但关于对话式交互的解读还不是很多，本文详细分析了对话式交互的优缺点和应用场景，强烈推荐阅读。

一、要想火，傍大腿

对话式交互，顾名思义，就是像两个人对话一样的交互方式。可以是文字的，也可以是语音的。我们每天都用的微信，你说一句，我说一句，就是典型的对话式交互。

@你丫才美工 ：今天要给大家分享的是Behance上的一篇2017设计趋势总结，虽然前阵子美丫姐在微博上还吐槽了近段时间各种设计趋势总结追风成影，但这篇还是很打动我的。因为它实在是太全面了，并且案例收集的非常精良。完全可以当做一个庞大的灵感库，时不时拿出来看看也是极好的！

下面是美丫姐的小伙伴阿昕翻译的中文版本，希望给大家带来帮助！

编者按：很多新人交互设计师做出方案后一直无法和产品经理达成共识，而他们可能都没意识到，一个专业的交互设计流程就可以解决大部分问题。

王镇雷：首先，要感谢我的 Leader 和师姐，在他们的帮助下，我才理清了这个交互设计流程。

虽不敢说这套方法一定是最优的，但至少是我工作以来一个专业上的里程碑。

话不多说，直接开讲。

日常工作中，常见但错误的交互设计方法有：

• 产品经理提了需求，立马动手画图；
• 设计中才查看竞品，并且没有特定分类，想到哪个看哪个；
• 执着于具体的设计细节；
• 提交/评审方案时，没有设计过程，直接提供稿子讲解结果。

编者按：QQ 国际版的轻量和简洁一直备受好评，不过多年未改版的它，今年可能用上两个新的视觉设计方案。至于改版过程中的思考，腾讯设计师给出了这篇文章。

作者：腾讯ISUX – 隔壁老贾

项目背景

QQ国际版主要是针对国外用户打造的一款轻量社交产品。由于当前产品迭代周期相对较长，我们对当前视觉提出一个疑问:现有产品的视觉形态，是否符合国际版的产品调性。基于这个问题，我们开启这次探索之旅。