IOS 交互设计基础之栏 & 临时视图（一）

一、栏 1、状态栏 状态栏：展示了设备及其周围环境的重要信息（1）状态栏是透明的（2）避免滚动内容直接透过状态栏2、导航栏 导航栏能够实现应用不同信息层级间的导航（1）避免过多的控件填满你的导航栏（2）确保你自定义的导航栏在你的应用的每个视图中都有一致的外观与体验注：微信读书导航栏3、工具栏 工具栏中放置用户在当前情境下最常用的指令注：微信阅读书籍阅读界面工具栏（1）尽量避

产品 2016年10月24日

QOC：让设计思考被看见

在前一篇总结分享《交互新人的踩坑史》中，提到了可以运用QOC的设计理念帮助我们在纠结设计方案时帮助我们思考和决策。关于QOC的介绍只是在总结中草草带过，所以有小伙伴问我：QOC到底是什么？我们到底应该怎么用呢？…… 于是今天想跟大家具体聊聊QOC，文章中较多个人见解，求意见，请轻拍。1、QOC是什么？首先解释一下QOC是什么，QOC（Questions-Options-an

产品 2016年11月26日

超全面！腾讯设计师做了100个弹框后总结的设计经验

JHong：最近2年一直在做Web/App相关项目，设计过上百个弹框，其中总结了一些心得，将透过以下文章介绍弹框在Web上的各种应用﹑技巧及表现。什么是弹框?弹框是一种交互方式，用作提醒，做决定或者解决某个任务。弹框一般包含一个蒙版，一个主体及一个关闭入口，常见于网页及移动端。其好处是让用户更聚焦，且不用离开当前页面，更快更容易完成任务。由于弹框与当下流行的卡片式设计在表现

产品 2016年06月21日

2017 年最值得关注的 20 个网页设计趋势！

又到新的一年，让我们再次展望未来。2017年，Web设计领域将出现哪些新兴趋势？让我们马上进入正题。嵌入徽标 初创企业、博客以及SaaS项目开始越来越多地在网站上使用嵌入徽标。这些徽标指向的则是其它一些主流博客上与其相关的文章内容。嵌入徽标目标在于证明网站本身的有效性并与新访客建立信任关系。如果当前网站在其它权威出版物中被提及，那么用户显然会更信任此网站中的内容。事实上，很

产品 2017年02月18日

功能性动画设计: 优秀的转场效果

功能性动画是一种微妙的动画，有着明确、合理的目标。它能减少认知负荷，防止变化视盲，在空间上营造更好的印象。但还有一点，动画让用户界面鲜活起来。通过组合与分割、改变形状和尺寸，运动可以使外表感觉鲜活。应当运用功能性的动画，流畅地在导航内容间引导用户，解释屏幕元素和排列的变化，并且强调元素层级。成功的动效设计具有以下6个特征：1. 响应_视觉反馈_在ui设计中极度重要。因为它符

产品经理 2016年09月17日

超过 5 万张！免费高清可商用图库 ZOOMMY 3.0 重磅来袭！

彻底告别配图烦恼，将50,000张高清免费图片带回家，终极图库神器 Zoommy 3.0 来袭。设计师或者创意人员在项目过程中，不论是网站、Banner、UI、广告还是社交媒体宣传都会经常用到精美照片来充当背景。可是去哪里寻找精美并且符合要求的免费图片，一般的大公司都会有相应的付费图库可供使用，而作为个人或者创业团队，收藏了众多的免费图库，每次找起来却费时费力，找到一张合适

产品 2016年12月23日

PS 教程！教你创建炫酷的 3D 金属字体（素材已打包）

：编者按：很多同学不知道怎么用PS 做这类酷炫的3D 效果，只要跟着今天的教程一步步完成，保证可以学会。还能学到如何运用渐变/纹理/图案等基础工具。素材打包： https://pan.baidu.com/s/1o7QVg18效果图： 来源@优秀网页设计 关键字：设计, 设计文章, 教程

产品 2017年01月20日

少即是多：给你的配色做减法

做产品需要克制，少即是多，简洁的配色能够把重点第一时间呈现给用户。研究表明：人类在回忆所看到过的场景和事物时，对色彩的记忆度要高于形态。也就是说，从视觉角度来看，一款产品给用户留下最深的印象往往是界面的配色。由此我们也能够看出配色可以说是设计师最重要的武器，很可能没有之一，但是这个武器有使用的“限制”。UI设计的一个基本原则就是 避免页面中出现过多的颜色 ，这个道理大家都懂

产品 2017年08月02日

五星好评！网易云音乐Win10 Beta版的设计经验总结

Win 10是一个全新的系统，没有完善的交互设计规范、也没有足够多的成熟的设计案例可供参考。这样一个横跨PC、平板和手机的应用，原本在各个平台的细分体验应该如何平衡和取舍呢？来看网易云音乐如何通过打磨设计细节，拿到压倒性的五星好评！探索合适的导航框架在导航设计上，UWP应用就给我们出了道难题。不同于一般的信息展示类应用，云音乐功能模块多且逻辑层级复杂，并且在大小屏幕上都早已

产品 2016年07月11日

升级篇：利用品牌基因法进行图标设计

图标设计如何具有品牌性？这可能是设计师工作中经常会遇到的问题。但很多新人也许并不了解什么是品牌性，更不知道如何将品牌性融入到图标当中，不过没关系，看了这篇文章你就不会那么困惑了！前一阵子写了一篇《利用品牌基因法进行图标设计》，但只讲了一种提取视觉基因的方法，不够全面。菜心担心大家因为方法的不全面而导致设计效果过于死板，所以近期将整个品牌基因法的体系重新梳理了一遍，增加了一些

产品 2017年04月04日