设计文章

这条设计原则,你必须得知道

现在的公司是做软硬件一体化,我负责OS层面的交互方案,这里会遇到要制定一些设计原则,从而让产品体验更统一。我们都知道,针对信息提醒,有一种设计形式叫toast,如何对toast进行规范,引发了我写这篇文章。1.反馈 互联网产品存在两套反馈机制,一套是有明显界面变动的反馈,例如你点击淘宝列表页,立马就进入了商品详情页,页面的及时跳转是明显的视觉反馈;再比如你输入完账号密码,点

关于用户体验你应该知道的 8 件事

用户体验(User Experience,以下简称UX)是一个含义很广泛的术语,近两年来我们越来越多的从人们的口中听到这个词,但是并不是每个人都真正了解究竟什么是用户体验。人们对于用户体验有很多误解,希望这篇文章可以帮助你们对于用户体验有一个更好的认识。UX不是UI在日常工作中,设计师经常会遇到一些客户误以为UX就是UI(User Interface,用户界面)。如果客户对

网页设计的越简单,销售转化率就越高

前几天刚刚签订了一个咨询业务的客户,他们每天投放大概1.5万百度竞价,打开他们的我网站,也是许多版块儿,信息量很大。但是,他们的网页根本无法绝对,因为一打开,上下左右中间全部都是强制的弹窗,逼迫式的邀请你与他们对话。他们的转化率是多少呢?从打开网页,到点击对话,仅有0.75%也就是说,有130人进入网页,才有一个有效对话,这严重浪费广告费和流量。这让我想起自己做过的一个转化

表单经典原则是错的?来看这 5 个表单设计新规则

编者按:以前的表单经典原则是“越短越好”,不过随着技术发展,现在有些表单设计已经不适用了,想学到最新的表单设计方法,别错过这篇!每天我们都使用表单进行基本的网上操作。网上购物、注册邮箱、社交网络甚至参与讨论、描述美味的午餐等等都需要我们填好表单。不夸张地说,表单是数字信息分享的生命根基。然而多年以来,表单的体验鲜有提升,仅仅停留在功能足够好却达不到体验上的优秀。然而现在,在

UI 设计中的颜色 —— 一个(实用的)框架

对于文中会有歧义的地方我都给出了原文用词,不方便科学上网阅读原文的同学又不明白的仍然可以在留言里告诉我,我会将相应的原文贴出来。进入正文啦!作为一个基本是靠自学在UI之路上走到现在的人,我经常好奇为什么那么多文章和书在讲色彩理论和调色盘。在我看来,使用一个“互补色盘“跟我是否能做出一个好看的设计基本没啥关系。这就是我通常说的无用功。那色彩理论都没给UI设计提供一个可靠的根据

如何善用对比度来提升网页内容的可读性

当我们聊设计的时候,可读性是我们最常提及的话题。良好的设计应该都是可读的设计,如果信息都无法正常而清晰的传达,那么设计就失去了意义。设计的可读性和排版设计息息相关,与此同时,对比度的控制也是其中的核心。想要提升内容的可读性,让内容以更加顺畅、更符合逻辑的形式呈现在用户面前,你需要借助对比度来表达,让用户真正顺畅的理解。色彩对比前景的文字需要和背景有着明显的对比,它需要能够吸

UI 设计中的黄金分割比

之前在 Medium 上看到的这篇文章,翻译了一下,介绍给大家。作者信息见文章末尾。黄金分割比在建筑、电器、logo 设计和摄影等领域都有着举足轻重的作用。我不准备用过多的篇幅去讲它的概念,大家可以在维基百科中去了解。我们的意识总是倾向于接受和谐和美好事物,而黄金分割比就可以在感知上使一款产品让人感到舒适和愉悦。简单点说,它就是一个让产品在设计中达到某种平衡的工具。这种方法

在这些实例中,学会用动效赋予你 APP 生命力

如果重新审视10年前的网页和移动端应用的话,你会发现动效和动画在这个时期简直是犯规一般的存在:浏览器和硬件设备吃不消,它们根本无法成为设计最佳实践。十年前你所能看到的动画和动效,通常是使用Flash实现,或者短暂的存在于弹出框和闪烁的按钮特效中。但是情况在最近的几年出现了巨大的转变,iOS和Android 设备的大规模普及,移动端芯片的性能提升,让设计师在移动端APP上实现

淘宝刚发布的新版本,可能会引领 2017 年的 UI 设计风格

编者按:前两天淘宝的App 发布了一款新版,新版UI 在视觉和动效上都有了比较大的升级,很可能是会带起一波真正的UI 设计趋势。在官方设计师出来分析之前,不妨先看看在野设计师怎么看。作者微信公众号:设计工厂关键字:设计, 设计文章, 动效

消消乐海滨假日:界面设计的 3 个问题

消消乐海滨假日,是开心消消乐的姐妹篇,游戏自2017年1月上线以来很火爆。作为一个三消游戏的忠实玩家,我迅速完成了全部的150关,以477星在好友中排名第一。在娱乐的同时,3个在游戏界面设计上的问题,也引起了我的注意:1. 别扭的"x"和返回2. 过小的按钮3. 星座奖励的设计 消消乐海滨假日1. 别扭的"x"和返回 游戏中取消按钮“x”,设计在画面右上角;返回按钮“ 2