UI设计
-
设计师如何处理任务及优化流程设计?任务流程设计实战案例。
任务处理是体验设计师的一项基本功,任务处理的原则是提高任务完成的效率,同时满足用户体验的要求。 任务通常指的是有目的性的工作与行为,例如领导给你一个买烟的任务,妈妈给你一个去菜场买西红柿的任务,这些都…
-
腾讯出品!从 4 个方面,重新审视图标中的细节设计。
在内容为主的用户界面设计上,图标起到了降低理解成本、高效传递信息等举足轻重的作用。随着矢量格式与高分屏的普及,对图标字体的精细度与视觉匹配度也有了更高的要求,这对设计师来说也是一个不小的考验。本篇将…
-
如何拥有一个画图标的好习惯?我总结了这 8 个方面! 收藏 。
对于 UI 设计师来说,图标设计的能力至关重要,也是提升感官体验的重要方向。对于一些初入行业的设计师,习惯下载图标素材应付项目需求,失去了动手能力培养的机会。甚至一些多年工作经验的老司机,依然还摆脱不了…
-
如何有效打造设计体系?我总结了这5个方面。
参与了公司设计体系(设计原则、视觉规范、组件库、全局规则)的整体优化,通过这次优化也领悟到了一些之前一直疑惑的点。尽管经历了大半年的打磨,但到现在还是有很多问题,不过这没关系,任何一个公司的设计体系…
-
用一个公式,从3个方面教你搞定场景化设计。
之前我们讲了用户画像,让大家可以通过构建用户画像,去深入了解用户的行为、态度、痛点和需求。(构建用户画像本身并不是目的,而是手段,用户画像可以让大家把前期的用户研究和洞察可视化,为之后的产品设计提供…
-
5000字干货!全方位掌握导航栏设计要点。
前言APP 的顶部导航栏(以下简称"导航栏")对我们来说再熟悉不过了,它是 UI 设计中必不可少的组成部分,几乎每一个页面都会使用到。虽然看起来很简单,感觉不需要花费多少精力,但设计一个与产品需求、…
-
10分钟学会Figma 组件库的搭建和使用。
背景1. 为什么需要 Figma 组件库当我们在做设计稿的时候,例如做一个按钮,如果没有做成可复用的组件,那后面在其他模块要用到按钮的地方可能又需要重新画,会有很多的重复劳动。又或是另一种场景,我们需要把按钮…
-
如何做好信息发布功能设计?来看高手的分析。
自媒体正在深刻地影响着每个人的生活,刷抖音、看资讯、看视频成为了大众生活中必不缺少的内容。地铁上、吃饭时、睡觉前,甚至上厕所都会不由自主地打开各种 App。 各大平台都在绞尽脑汁争夺用户的时间,不仅要满足…
-
超全总结!2022 年值得关注的 7 个网页设计趋势。
编者按:这篇文章出自资深设计师 Erik Messaki 的总结,文章总结了 7 种网页设计趋势,虽然其中很多趋势之前已经存在,但是在细节和特征上,Erik 有更为深入的分析,值得看看。 关注趋势本质上就是关注未来可能存在…
-
8000字干货!超全面的 UI 字体排版设计指南。
文字是人类文化的重要组成部分,经历了数千年的发展和演变,字体排版已经积累了非常多的专业性知识。无论是平面设计师还是 UI 设计师,都应该了解和学习这些基础设计知识,从而帮助我们创造更优秀的产品体验。文字…
-
优秀设计的背后,离不开这11个应该掌握的底层理论。
这是我在 Medium 上看到一位工作超过 17 年的国外设计 leader 写的一篇关于设计原理的文字,讲为什么设计可以变得有效?讲得很透。强烈推荐大家阅读,定有收获! 1. 奇数原则和三分法构图 奇数法则意思是说,在设计…
-
想把表单的用户体验做到极致?这5个细节不容忽视。
我们每天都在填写各种表单,例如发帖、填单、登录等等。然而,在填写时经常容易出错,例如可能会输错密码。从用户体验角度看,帮助用户尽可能顺利地处理这些错误至关重要。对于我们设计师来说,尤其是现在 B 端设计…
-
万字长文!超全面的行为设计指南。
在实际的设计过程中,通过观察或共情用户行为可以反映出很多问题,可以帮助洞察出更多价值或新的机遇。此前我在试图寻找一款还不错的机械美感鼠标,但是没有一下子找到合适的,准备第二天摸鱼的时候再看看,结果第…
-
3种常见网格系统的用法,这篇帮你搞清楚! 。
编者按:这篇文章出自著名的用户体验设计机构 NNGroup,资深用户体验设计师 Kelley Gordon 负责撰写了这篇文章。对于设计师而言,网格系统并不陌生,但是在什么时候用,用什么样地网格,甚至什么时候打破网格地规则…
-
如何在交互细节中体现专业性?我归纳了4个层次。
如何判断一个交互作品的专业性?我归纳了 4 个层次:图 1 交互作品专业性的四个层次1. 设计流程完整、方法得当设计是有章法的,我们总结了那么多设计流程,设计方法论,就是希望设计师能够学习借鉴,并运用到自己的…
-
这12个常用动效方法,很适合用到你的界面里。
如今对用户来说,好的体验是界面一致、易读和简单。设计师要如何才能让 UI 更加符合用户的自然直觉呢? 动效,可以让界面变得更加自然,填补部分体验上的隔阂。今天这篇文章会讲到常用的 12 个 UI/UX 动画原则,帮…
-
悬浮小窗该如何设计?高手的样本分析来了。
本文为悬浮小窗设计研究,悬浮小窗分为:视频小窗、音频小窗、文档小窗三种,此次选取 15 款 APP,从功能、交互设计和 UI设计来分析。 文章目的: 让大家了解悬浮小窗是什么 让大家了解悬浮小窗的主流交互和视觉展…
-
B端设计长文!深度分析桌面端与移动端的设计差异。
编者按:B端设计中,桌面端与移动端究竟差别有多大?本文总结了8个方面的差异,并用语雀的案例分析让你的认识更深一步。关于桌面端与移动端的交互差异,一直以来很多设计师都非常的迷茫,因为在众多的 B 端产品当中…
-
导航设计3步曲:高手帮你快速掌握导航设计。
导航系统的设计依赖于信息的组织结构,受制于媒介的交互特性,还需要符合用户的习惯和目标,所以我将从信息结构、导航形式、导航路径优化 3 个方面为大家展开导航设计。1. 导航是什么?① 导航的起源与本质导航,英…
-
把表单体验做到极致!11个表单设计的高效技巧。
表单是产品设计中常见且重要的组成部分,对 UX/UI 设计师来说,构建有效的表单至关重要。经过思考的表单设计,能够为用户带来更好的实用性、包容性,让填写体验更流畅。让我们一起来看看在表单设计过程中需要注意的…