AI 绘制 Google 浏览器 Chrome 图标

利用AI的图形生成工具来绘制浏览器图标，新手向扁平图标教程！最终效果1、Ctrl+R打开标尺、按shift拉出参考线(不按的话坐标会出现小数点），用圆形工具画一个100*100像素的正圆。2、再绘制一个220*220像素的同心圆。3、绘制一个高100，宽200像素的长方形。打开智能参考线，边缘贴着小圆。4、用小白箭头，把长方形的四个角改成胶囊型圆角。5、选中绿色胶囊，按R键

产品 2016年11月08日

设计排版的 6 个基本步骤

作为一个设计师的最重要技能之一就是你要学习如何去选择排版。这是因为文本是设计师与用户沟通的主要方式之一。排版能成就你的设计，也能毁灭你的设计。本文的目的是作为一个起点帮助你学习如何为你的设计选择排版。它将激励你探索超乎你所认知的字体间的组合。By @jonathanzwhite作为一个设计师的最重要技能之一就是你要学习如何去选择排版。这是因为文本是设计师与用户沟通的主要方式

产品 2017年04月18日

超实用！6个方法帮你做出优秀的UI动态微交互

编者按：明确系统状态、让按钮和操控可触知、打造有意义的转场、强调界面的变化、增加愉悦的细节…… 今天腾讯设计师@月焱瞳 这篇译文，总结了6个做出细腻动态微交互的技巧，建议阅读。UI界面动效设计方法：先看看有意义的动效设计是啥样：《设计师的必备技能！你需要学会设计有意义的动效》再来学习腾讯设计师写的动效设计指南：《腾讯精品文！超多干货的UI界面动效设计指南》围观实战案例：《高

产品 2016年08月22日

鸡爷首发教程！教你用 C4D+PS 绘制炫酷的 2017 特效字体海报

编者按：同学们期待已久的@郁闷的鸡终于出教程咯，用今年大热的C4D+PS教你绘制一张效果超炫的字体海报，而且还附上视频操作，绝对良心高质量教程！C4D 教程视频地址：http://www.bilibili.com/video/av7642159/注：关于C4D，估计有很多同学不了解，来这儿看腾讯设计师的讲座：《设计混动力！C4D在设计中的运用》效果图：教程： 关键字：设计,

产品 2016年12月23日

亲历经验！设计师进入VR领域会遇到哪些状况？（附解决方法）

@C7210 ：今天这篇好文，作者聊了一些他在自学VR设计与开发的过程中的心得体会，不涉及任何具体的实践方法，读过之后会明白作为普通的设计师在尝试进入VR领域时通常会遇到怎样的状况。下面进入译文。我有幸参加了2015年的Google I/O大会，并领到了一个免费的Cardboard。回到家，戴上这纸盒遨游了那么一阵子，我便开始为VR世界所着迷。怎样才能投身于这个全新的技术领

产品 2016年06月15日

案例分析｜通过配色吸引用户注意力的四点技巧

色彩在任何一种设计中都起着很重要的作用，相差不多的色彩却能给用户带来完全不同情感效果。因此，好好利用色彩与生俱来的魅力，就能让你的设计更出彩。互联网和手机的兴起给我们的生活带来了极大的便利，但是也使我们产生了强烈的依赖性。我们发现自己现在已经离不开手机了，我们的时间被各式各样的社交媒体所占据。我们变得越来越浮躁，越来越缺乏耐心，没有足够的时间去独处，去思考。在这样的一个社会

产品 2017年05月08日

实战心得！四个帮你提高UI设计效率的工作技巧

如何提高UI设计的速度？在这里分享一些我观察到的常见问题和改善方式。当然，需要注意的地方何其多，本文先着重聊一下观念和沟通的部分。作者介绍Taylor 从 13 岁起便开始自学网页设计，iPhone 问世后开始接触UI设计，因此是前端及设计双栖的产品设计师。学生时期曾在 Yahoo 实习，其后分别在外商及台湾新创公司带领 Web、iOS、Android 设计团队，及担任UI

产品 2016年08月30日

超全面！聊聊UI设计师的工作流程和高频使用工具

@枫之醉语 ：设计师的工作流程鉴于不同规模的公司和项目会有所差异，但基本大同小异，必须有的流程还是要执行的，今天就拿目前我所在的公司的日常举例，顺便推荐一下UI设计师日常使用的工具，干货较多，篇幅较长，强烈推荐。产品经理：初期：需求调研 → 竞品分析 → 产品规划；前期：思维导图「功能模块」 → 需求文档「流程逻辑」，原型设计「信息架构」→ 评审；设计师：中期：准备工作 →

产品 2016年08月30日

手机 APP 界面设计规范：如何定义视觉规范

良好的界面设计，总能令人赏心悦目，更好地保留用户，增加用户的粘性，通过本文来了解一下APP界面设计规范。常用的手机APP设计工具：Sketch： 常用来制作线框、界面，偶尔绘制图形。MAC电脑专用移动APP设计软件。也是一款快速设计APP界面的软件。Illustrator & Photoshop： 用作图标设计、图形绘制、照片编辑等。墨刀、axure & After Eff

产品 2016年12月19日

Google 对话式交互规范指南（九）：对话中不存在“错误”

本章节是这份系列指南的最后一节，关于”出错“情况的应对策略，以及一些具体的提出类型范例，正文如下。对话UI设计中难度最大也最容易被忽略的一点，就是对于”无法匹配”（系统无法识别用户的话）和”没有输入”（用户没有说话）的状态中进行复原。我们经常会把这些状态错误的理解为一种边缘状态，而只是做一些简单的处理应对，例如像用户道歉、把同样的问题再问一遍，或是用过于正规、机械的方式，使

产品 2017年08月23日