网页顶部导航栏设计总结
网页中的header，一般我们称之为顶部导航栏，这里为了行文方便，以下都简称顶部栏。顶部栏对于一个网站的用户体验来说是至关重要的，因为根据用户的浏览习惯（从左到右，从上到下），当他们...
百度设计师：以语音交互为核心功能的智能产品设计建议
我们终将以自然的方式与机器交流
在2012年圣丹斯独立电影节上，影片《机器人与弗兰克》赢得特别奖，该片讲述机器人Robot照顾患有老年痴呆症弗兰克的故事，选取影片中两张图，一张...
QQ空间：品牌更新设计总结
Overview
QQ空间是中国最活跃的社交网络之一，是QQ用户的网上家园，是腾讯集团的核心平台之一。为了提升在业内同行中的竞争优势，QQ空间推出了整体的品牌更新...
有形的手势：混合现实的体感交互
最近我们去了互动17“(交互设计协会，其提供了一个讨论交互设计问题的在线论坛)，并展示了我们对于手势输入的思考 。如果你还没有看过，你可以查看这里的链接 ：https://vimeo.c...
网易设计师经验：品牌化设计怎么做？
什么是品牌
眼下快到春节了，有些同学可能会想要买点白酒送亲友，那么买哪个牌子呢？这时我们可能不假思索地想到茅台。
你看，这就是品牌的力量，你还没有消费，但钱已经给它准备好了。不...
2018年你用对合适的原型工具了吗？
说起软件原型，有些人也许会对更广泛意义上的原型比较熟悉。其实两者本质也是一样的东西。原型设计在绝大多数的产品阶段中已不可或缺。经过思路，数据，信息，需求，评估等相关信息的收集和...
如何巧用投影来提高UI界面品质
今天和大家聊一下设计中的投影，随着iOS11的更新，一下子投影又重新回归我们的视线，其实投影一直是UI界面设计很重要的一个元素，它能助于我们大脑区分我们看见的UI元素，投影在...
车载智能后视镜交互布局分析
智能后视镜时代背景
随着社会的发展和科技水平的提高，人们对驾驶汽车的安全性、娱乐性提出了更高的要求。汽车的中央后视镜应运而生衍化为集成安卓、Yunos等操作系统、包含多种功能的汽车智...
2.5D立体图形如何完成等距绘制？
1.等距是什么？
等距视图是指，绘制物体时每一边的长度都按绘图比例缩放，而物体上所有平行线在绘制时仍保持平行的一种显示方法。
最早是出现在电脑应用程式的图像，以及早期的8位元电子游...
平面设计：内文编排5大招！
大家好，伴随着阳光明媚的周三夜晚，本猫又和大家见面了，这次给大家带来的是版面中内文编排的技巧。内文编排就是大段落文字的编排，好的内文编排能够提高观者的阅读体验与效率，坏的编排...
机器人插画绘制教程
机器人插画 原作者：Justas Galaburda
分析：机器人整体几乎对称，所以接下来的教程中对称功能会运用的会比较多。
绘制遇到的困难点可能是：
1.头型的布尔运算制作；
2....
Principle教程进阶精讲- Drivers 的使用
首先上个我做的demo，看看这个功能有多强大。这本文中也会教大家如何去制作一个简单的demo，通过demo可以很快的了解到本文所要学习的内容。此demo源文件在文章末尾。第一步：我们新建一个矩...
简单七步用 Sketch搭建复杂表格
笔者之前去华润置地东北大区做用户调研，需要现场理解需求，快速搭建用于用户测试的可交互原型。由于方案中涉及大量的表格，有点措手不及。回来后，我构思做一个 Sketch 模版沉淀，以防下...
京东设计师：电商大促攻略页设计指南
通常我们看到的旅游攻略、游戏攻略等都是以文章资讯的形式呈现，只可阅读不可交互。而电商大促活动中的攻略页，可不仅仅是一篇资讯文章那么简单，除了要向用户传达促销信息，往往承载着引...
2018年交互设计趋势
想必你还在对昨天HJUX视觉伙伴们给出的视觉设计趋势啧啧称赞，那么赞别停！今天团队的交互伙伴们将带来2018年交互设计趋势。选择在农历新年来临之际奉上这道历时一个月烹制的“交互趋势年夜...
网易设计师：交互规范的制作与思考
规范和秩序存在于生活的方方面面。不知道大家有没观察过，稍微有点规模的咖啡连锁店，一般至少会有3位职员，分别负责收银点单，制作咖啡，打扫。他们各司其职，高效配合，以保证快速满足客...
2018年最好用的网站设计工具集锦
由于代码技术的限制，普通大众往往在网站建设方面总是一站难求。但是，想要拥有一个自己的网站，真的必须由程序员通过代码实现？哼，在当今满满科技感的新时代，这个问题不存在的~ 小编为大...
常用网页布局原型分享
xiaopiu上线的新功能支持创建编辑web端项目啦！在大家的监（cui）督（cu）下，程序员拼了老命总算赶在月底前把web项目的需求做完了，差点就要被祭天了QwQ
为了让大家在web上线后能第一时间...
设计中如何营造画面的层次感
在设计中为了营造一种更加真实和生动的画面，我们通常会对画面中的各个元素之间进行层次感的营造，但不管是设计师后期营造的，还是在画面中所应用到素材和主体，本身都会存在一定的层次感，...
UI/UX用户研究：放射状交互
本文非常适合交互设计师，介绍了很多交互设计的方法，比如5E法则、菲特定律、用户场景和彩虹图。
莎士比亚说过“言语失声时，音乐会响起。”的确，即使文字表达不了，音乐可...
Principle精讲——Scroll、Drag、Page区分
很多读者反馈分不清Principle中Scroll、Drag、Page的概念，今天我们结合demo来讲解一下他们的运用。
Horizontal（水平方向）
Vertical（垂直方向）
Static（静止的，静态...
你的图标是否顺利通过图标的可用性测试？
在业务迭代周期内，产品经理和设计师对要做的产品需求和功能点进行需求分析和设计讨论的过程中，有时会出现一些拿捏不定的设计细节，比如，试图推出某个新功能时所设计的图标，它的应用效果...
购物App「小米商城」原型分享
电子商务的快速发展在零售端不断驱动消费格局的重建，用户网络购物的消费习惯也已逐步形成。截至 2016 年底，我国网络购物用户规模已经达到 4.67 亿，较 2015 年底增加 5,345 万，同比增...
财务类App「京东金融」原型分享
互联网金融发展势头渐猛，大众的理财意识逐渐提升，财务方面的app使用用户增长迅速，连网络课堂的理财课程也占据着课堂主页靠前位置。财务类app有的帮助了多数人解决理财、记账问题，有的...
打造细腻光感抽象渐变背景［PS教程］
前言：工具的两面性
渐变应该是这两年的一个视觉风格趋势，将扁平化的平涂填色改为渐变以后，瞬间灵动了不少。在追逐渐变的过程中，我们都很高兴能在PS或AI这类软件中看到有渐变工具...
阿里首创AI人工智能商用字库，供免费下载！
马云曾说：“三十年后，《时代》杂志封面年度最佳CEO说不定是个机器人。”
机器人CEO可能还需等待，但机器人设计师已经在路上。
还记得为双11贡献了4亿张海...
阿里巴巴设计师带你：初探B端互动玩法诞生记
千牛作为B端一站式工作台，是双十一商家移动端的主阵地，提供了丰富的活动报名、规则解读、资讯直播等功能。但对于那些无法参加大促的中小卖家而言，这些功能无法吸引他们，这也体现了B端产...
10款精美的旅游网站设计欣赏
不知大家是否还记得那个最具情怀的辞职信“世界那么大，我想去看看”。我想我们现在都还没有这个勇气辞职，背起行囊来一场说走就走的旅行。
说起旅行，就想起去年在某著名旅行网站上的体验。...
腾讯品牌实例总结：QQ支付，喜欢就付！
说起国内的支付类产品，它们在视觉系统上大都选择了较沉稳、不出挑的风格，大家普遍认为，这样的设计能让用户对产品有较高的信任度。然而，QQ支付品牌设计却不走寻常路，我们对其从头到脚...
乐高字体logo教程
大家好，我是郭郭，著名的乐高塑料零件为创造各种类型的物体提供了无限的可能性，本次Illustrator教程将想你展示如何数字化你的玩具，并为你最喜欢的网站搭建1个矢量字母logo，不费一砖...
原创2.5D插画创作小思路
Hello，@不露 又和大家见面啦~之前写过一篇《2.5D小插画教程【教程】》貌似很受欢迎耶~今天写个续集，就说说制作原创2.5D插画的思路吧；因为感觉2.5D小插画在工作中也还是蛮常用的...
解密网页全屏滚动效果的原理
因为经常有小伙伴在群里问网站全屏滚动相关问题，以前我虽然做过相关设计，但是时间久了，加上项目简单，也遗忘的差不多了，最近比较闲，就去搜了相关资料，凭借以前的设计经验，写下这篇...
如何用科学方法做出专业的原型图？
什么样的原型图才能算得上专业而细致？
在我看来至少要满足以下条件：
明确主场景和使用人群
信息结构合理化
流程设计简单合理化
设计符合大部分用户认知模型
交互逻辑无缺失
...
腾讯：“99公益日” 2017年项目设计总结
活动背景
今年，已是99公益日诞生的第三年了，在近几年的不断努力中，已经有越来越多的爱心伙伴加入到了99公益日的行列，也有越来越多的人知道并参与了99公益日。在新的一年，99...