图标

虽然好设计的原则是老生常谈，但是我们还是要经常总结，结合自己的设计，三省吾身。

随着行业的发展，只会图形 UI 设计和只会交互设计的设计师职业生涯都会遇到瓶颈。1. 什么是交互设计
2. 当今UI 设计师的能力要求
3. 交互设计主要做什么工作内容
（1）产品UI框架设计
（2）产品UI风格设计

产品UI 框架选择
简单式（单一内容）
翻页式（多页内容）
宫格式（较多入口）
上导航
下导航(4-5大类+分支内容）
舵式
抽屉侧边栏（1个重点+其他次要内容）
隐藏式

4. 线框原型图绘制方法

方法一：黑白灰+色块
方法二：黑白灰+高保真图形
方法三：黑白灰+突出色+高保真图形

5. 交互流程图绘制
6. 动态交互原型设计

作者对腾讯视频、爱奇艺、搜狐视频和芒果TV进行界面的整体对比，希望能给各位带来一些收获和启发。

工作需求每天都有，但总有一些冥冥之中会被更多人关注，如实事热点、周年庆典、大版本发布、热门合作等，那这些被更多关注的项目是否就是传说中的大型项目呢？视觉设计师在这样的项目中，又该如何发挥自己最大的作用，找到自己的最佳定位，保证高质量高效率的完成项目呢？Ps：养成良好的分类习惯，在需要时它也可以是你的加速度。ps：作为视觉设计师，要不忘设计的态度，时刻提醒自己，除了眼前的这个方案一定还存在一个更好的方案，时间允许的前提下不妨再对自己狠一点，过程虽然痛苦，但结果往往会带来惊喜！

今天菜心要分享的内容是关于切图命名的规范，由于最近正在总结这一部分内容，所以拿出来和大家一起分享探讨一下。组件_类别_功能_状态@2x.png模块_类别_功能_状态@2x.png

图标是设计项目中几乎必不可少的一个组成部分，但是在图标的具体使用上，讲究并不少。

当技术发展发现一定程度， 你会发现，没有什么东西是永恒的。

著名的艺术家 Edgar Degas 曾经说过，艺术并不是你所看到的东西，而是你让别人看到所看到的东西。平面设计能够通过调整形状、阴影、字体的笔触、字母间距来调整观看者的情绪和感受，在这一点上，它和艺术是共通的。作为目前设计的大趋势，扁平化设计，无疑也具备着同样的特征。

此文主要适读人群：梦想成为“全栈设计师”的你（偏向移动端产品）！当然设计都是相通的，即使你的职位是产品设计、交互设计、网页设计、平面设计也都不妨一看，相信你也可以有所收获！1、对app基础控件的认知
2、字体
3、配色
4、图标设计
5、标注与切图规范
6、排版的基础原则
7、简单的动效设计
8、走察规范
9、交互常识
10、项目文件管理
11、个人素材、资源库
12、开发常识
13、数据分析能力
14、产品常识
15、用研常识

此文意在帮助设计师快速而统一地完成界面布局。尤其对尺寸固定的移动界面有帮助，但对响应式web设计也有帮助。与一般的设计指南相比，此文更适合一边设计一边阅读。

简单直观的设计并不一定非得是极简的，它同样可以是丰富而又有趣的。

主题一直是QQiPad比较薄弱的一块，在用户的强烈呼声下，项目组决定在6.5版本上线新的主题，为此做了大量的尝试和思考。基于大屏设计的QQiPad主题有何特点？应该如何设计？在此分享本次主题设计总结。

真实可靠的UI是产品可信。“大量的选择并不能让人们选择所有东西，并且人们在选择的时候会不开心。”“每一个额外的选择都会导致做决定所需的时间变长。”“我必须要简化我的生活，因为除了思考如何更好的服务社会之外，我必须尽可能少的做决策。—— 马克·扎克伯格”“这就好比你最好的朋友每周都会为你准备一个个性化的音乐合集一样”“Facebook希望为点击很多链接的人提供更多的链接，为观看很多视频的人提供更多的视频，以此类推”“Facebook并没有显示所有的帖子。展示给你的都是被选择过的信息。可有趣的是，Facebook的算法会倾向于加强你哪方面想要的呢？因为这个必须要在之前就定义好。”“假如说你来到伦敦，你定了一个Hailo的车，而你在上午七点到十点之间进入了一个特定的位置。如果你到下午五点了仍然在那里，那么就可能会出现你想要离开的假设，这个时候Google Now就会提醒你订车。”“亚马逊将疑问从‘我需要这个吗’转移到了‘我还需要什么来填满这个盒子’”

想要打破栅格又保持网页的协调，是有技巧的，并非任何“破格”的设计都是好的。

因为做室内定位项目，需要涉及到室内地图相关功能，故分析、探寻高德地图、百度地图APP的室内地图设计逻辑，以为项目借鉴。本文从室内地图展示，室内地图与导航栏的对应两方面来分析对比，并针对部分内容提出相关建议。

很多时候，设计本身最核心的东西一直都没变，即更好的解决问题，风格什么的都是为解决问题而服务的

近年来，越来越多的国内开发者将目光从国内转移到国外，纷纷投入到移动大航海时代的浪潮之中。在产品国际化的过程中，产品UI是否也跟上了国际化的步伐？Dropbox 设计师 John Saito 针对产品设计国际化中出现的问题进行了分析并提出了 7 条建议，值得一看。

自选股小程序已经上线，作为项目的一员，做了一下交互体验和视觉设计的总结。

前面的视觉体系和大家简单提到过传统平面排版的四大原则：亲密性、对比、重复、对齐。那界面排版有什么原则呢？今天菜心就来用实例分享一下界面排版中需要注意哪些原则。一、亲密原则
二、对比原则
三、平衡原则
四、相似原则
五、简洁原则
六、封闭原则
七、情感原则