进阶方法!可能是最全面的组件设计完全手册

后台系统中,存在大量的组件,合理的应用是做出良好产品的基本功。 本文梳理了常见的「选择」和「输入」,也算是自己长时间产品设计过程中的梳理、认知和总结,自然有不全之处,希望对大家有所帮助。 上篇:选择 允许用户从选项中进行选择操作,用于选择对象或数据,偶有直接触发行为。 常见类型 单选按钮 复选框 图标切换 切换开关 穿梭框/列表构造器 下拉菜单 一、Radio 单选按钮 允许用户从一组相互排斥的选项中选择一个。通常,将一个选项定义为默认选择。 1. 外观形式 常规:

Uber高级产品设计师告诉你,她是如何完成100天插画设计挑战的!

在之前的《Uber高级产品设计师告诉你,她是如何完成100天动画设计挑战的!》那篇文章发出去后,反响很热烈,不少人留言让我把大神的其他几篇文章也翻译出来,希望能学习到更多。与作者联系后,她很高兴她的文章对大家有所帮助,并同意我继续翻译。 文章开始之前,可能还有些人没有看过第一篇文章,对作者还不是很了解,在这里就再介绍一次,有兴趣的朋友也可以关注一下。 作者简介:许田恬,清华大学毕业,密歇根大学人机交互硕士,现任 Uber 高级产品设计师,曾任职于亚马逊,负责设计 Kindle

中秋福利!2018年9月前端开发者干货大合集第二波

虽然中秋小长假过去了,但是接下来国庆可以休息一个星期!在两个假期之间,咱们可以干点儿正事儿,比如搜集一些自己用得上的设计和开发素材。在这个月的后半段,我选择搜集了一些各个编程语言中最新也是最好的工具,比如在 PHP框架下最好的头像创建工具,基于 Node.js 的 Wiki,以及超好用的生成加密SSL证书的工具。接下来,我们来看看每一款工具都有啥吧~ PWA Starter Kit PWA Starter Kit 是 Google 在推进「渐进式Web应用」的过程中的产物,

以中秋主题,为你科普闪屏设计的基础方法

今天给大家分享的是关于中秋闪屏设计的一些知识梳理,希望带给你新的思路与灵感。 一、关于闪屏 闪屏约等于启动页,其存在的目的都是为了缓解用户等待过程中产生的焦躁情绪,也辅助传达了品牌信息、产品基础信息、广告内容、节日氛围等等。一般展示时间在3S左右,大部分应用提供了「跳过」这个功能。 二、闪屏/启动页呈现类别 闪屏页与启动页承载的功能是一致的,只是闪屏页一般都是品牌宣传、广告内容、节日氛围等,两者在呈现形式上主要有几种形式: 只有启动页呈现,通常为品牌信息传播; 启动页+闪

macOS Mojave 新系统可用:Apple TV Aerial 屏保

Apple TV 是苹果的电视机顶盒产品,里面有一个非常漂亮的屏保,叫做 Apple TV Aerial Screensaver,之前有人移植到了 macOS 上,而从昨天晚上正式发布的新版本 macOS Mojave 之后,这个版本就不能用了。不过这难不倒青小蛙。@Appinn Apple TV Aerial 屏保里面有中国、夏威夷、伦敦、纽约、旧金山等几个城市的航拍视频,你可以选择显示哪几个城市,也能全部随机,视频会被缓存到硬盘上,可以修改缓存文件夹。 现在又有一个版本

Video DownloadHelper – 最简单的方式下载网页视频 [Chrome/Firefox]

Video DownloadHelper 是一款浏览器扩展,它能够很方便的下载各种网页视频。@Appinn 生活中,青小蛙总是要被抓去做一些力所能及的事情的,比如下载一些视频。 通常情况下,就算是一些 App 中的视频,只要能在浏览器(Android 浏览器)中打开,那么下载也挺容易的,但有时候一些视频就比较古怪了,常规方法不行,就只有拿出大杀器了。 Video DownloadHelper 堪称最简单易用的视频下载工具了,不过除了浏览器扩展外,还需要安装一个 Video

帮你大幅提高设计效率的Sketch Symbol 深度指南

@烧炖:2018年的七夕是个星期五。晚上7点,设计师小王正在收拾东西,他和隔壁组的小姐姐约好了去看电影,打算7:30下班。正收拾着,收到了 Leader 发的消息: 时间只剩半小时了,小王该怎么办? 几乎每位设计师都有这样的经验:在做用户界面设计时,我们很难能一次定稿,大部分工作时间都花在了改动上。 所以,提升设计师工作效率的关键,就在于减少设计改动的时间。 今天我要讲的,就是利用 Sketch 的元件(Symbol)功能减少设计改动耗时,来大幅提高设计效率。 在 Sket

[ddlee-weekly]ddlee每周分享#003

中秋假期事情不少,更新晚了一天。祝中秋快乐!Blog Post/博文Why I’m done with Chrome近期,Chrome 69版本的更新在社区中引起了巨大争议,这个版本的Chrome会在用户登录任意Google服务时自动登录。这样的做法引起了用户对隐私的巨大担忧。这篇文章指出Chrome团队并未对这一改动作出令人信服的解释,并从用户准许的角度警告Google不要冒失去用户信任的风险。Knowledge Distillation – Neural Machines

想学习设计心理学?先掌握这9个最常见的方法!

设计心理学内容概要: 锚定(Anchoring) 承诺与一致性(Commitment and Consistency) 厌恶损失(Loss Aversion) 需要完成(Need to Complete) 互惠(Reciprocity) 奖励(Rewards) 稀缺(Scarcity) 社会证明(Social Proof) 触发器(Triggers) 一、锚定(Anchoring) 当我们在做决策或估计对象的价值时,往往过于依赖一条信息,通常是第一条信息。这个初始的「锚」