木子素材 首页 大神UI设计
订阅

UI设计

按钮规范系列!从四个方面详解「按钮位置」的设计方法
@Daidai丶呆 :两年前,我写过一篇文章《高手课堂!「按钮系列」之按钮位置与用户体验的关系》,应该是我写的第一篇关于按钮分析的文章。里面提及了不同位置的按钮如何影响用户体验。今天这篇文章的内容是对其进行 ...
2019-9-3 19:26
图解WWDC 设计分会:基础设计原理 - 映射与可供性
@C7210 :继续上期主题,即 WWDC 之「基础设计原理」设计分会,演讲人是 Apple 设计布道者团队的 Mike Stern 老师。在上期当中,我们了解了「心智模型」与「邻近性」,错过的朋友不妨回看。今天的话题聚焦于「映射 ...
2019-9-3 15:26
交互控件科普系列!Dialogs 的常见样式和设计注意事项总结
在前两篇文章中为大家介绍过 Snackbars 和 Banners 两位轻量级提示控件的用法,今天就让我们来继续详解一下 BOSS 级的提示控件 Dialogs 家族。 往期回顾: 《交互控件科普系列! Sheet 的常见样式和设计注意事项总 ...
2019-9-2 20:15
图解WWDC 设计分会:基础设计原理 - 心智模型与邻近性
@C7210 :继续上期主题,即 WWDC 之「基础设计原理」设计分会,演讲人是 Apple 设计布道者团队的 Mike Stern 老师。在上期当中,我们了解了「可见性」与「一致性」,错过的朋友不妨回看。今天的话题聚焦于「心智模 ...
2019-9-2 19:16
交互控件科普系列! Sheet 的常见样式和设计注意事项总结
还在频繁地使用弹窗对用户展示重要提示吗?明知这样有损体验却没有更好的选择吗?那么不妨来试试干扰度更低,却依然可以用于重要提示的 Sheet 控件吧。 什么是Sheets Sheets 控件并非弹窗,通常会被熟称为「浮层」 ...
2019-9-1 14:18
交互控件科普系列!Snackbar 的常见样式和设计注意事项总结
相比于 Toast,Snackbar 的好处十分明显,可读性更强,还可以兼容 1-2 个次要操作,适用场景更加广泛。因此,我整理了 Snackbar 的常见样式以及设计注意事项。 在学习控件的设计方法之前,先来补充下基础 → 《这个 ...
2019-8-30 19:26
让你沉迷学习的那些 APP,都是怎么做到的?
36年前(1983年7月15日),日本任天堂公司推出 FC 游戏机(即红白机),开启了日本游戏产业的辉煌历史,红白机也随即成为时下很多热门游戏的前身。 如今,掌机、PS4、网页游戏、手游全面爆发。游戏成为人们娱乐活动 ...
2019-8-29 16:06
紧跟趋势!深色模式设计的8个小技巧
随着九月份的临近,苹果 iOS 13 正式版也即将推出,随之而来的还有大家期盼已久的「深色模式」。前几天,苹果推送了 iOS 13 的 beta 5 版本。其中,「深色模式」还加入了过渡动画,效果看起来更加流畅自然。本文中, ...
2019-8-28 19:14
微信6个藏得很深但却很有用的功能,你知道几个?
我们每天都会用微信,但是却不知道有些功能它的存在,究其原因是因为这些功能的使用频率不高,所以产品设计者把他们放到了比较深的层级中,但是在一些特定的情况下,这些功能又好用到爆,今天作者就来分享几个这样的 ...
2019-8-27 16:59
图解WWDC 设计分会:基础设计原理 - 可见性与一致性
@C7210 :继续上期主题,即 2017 年 WWDC 之「基础设计原理」设计分会,演讲人是 Apple Evangelist 团队的 Mike Stern。在上期当中,我们了解了导航与反馈,错过的朋友不妨回看。今天的话题聚焦于「可见性」与「一 ...
2019-8-27 13:14
图解WWDC 设计分会:导航与反馈(2)
@C7210 :之前做过两期 WWDC 设计分会全图文,关于 iOS 13 设计特性,错过的朋友不妨回看。今天翻出 2017 年的一场重要的分会,演讲人依然是 Apple Evangelist 团队的 Mike Stern,以一系列基础而重要的设计原理为 ...
2019-8-24 23:17
超全面的 UI 工作流程指南(七):设计验证
编者按:完整的 UI 设计流程到底是怎样的?从需求到产品上线,要经历多少个阶段,每个阶段有哪些应该掌握的基础知识,本次优设独家专题为你从零开始梳理出 UI 工作流程,适合新手阅读学习。 往期回顾: 《超全面的 ...
2019-8-23 00:14
超全面的 UI 工作流程指南(六):切图标注
编者按:完整的 UI 设计流程到底是怎样的?从需求到产品上线,要经历多少个阶段,每个阶段有哪些应该掌握的基础知识,本次优设独家专题为你从零开始梳理出 UI 工作流程,适合新手阅读学习。 往期回顾: 《超全面的 ...
2019-8-21 16:33
腾讯设计师:如何用 Sketch 建立一个高效协作的云端设计库?
互联网的设计工作常常需要设计师们协同完成,尤其是大型的项目,参与的设计师会更多。在实际工作中我们发现,现有的工作方式不能让所有参与项目的设计们很好地进行设计协同。如何能让大家的协作更高效,设计的输出质 ...
2019-8-20 19:40
超全面的 UI 工作流程指南(五):设计评审
设计评审是一种可用性测查工具,通常由一个评审员审查设计方案中的可用性问题。 往期回顾: 《超全面的 UI 设计工作流程指南(一):需求分析》 《超全面的 UI 工作流程指南(二):原型设计》 《超全面的 UI 工作 ...
2019-8-19 15:15
悬浮图片
×