5000字干货!全方位掌握「导航栏设计」知识点!

前言 APP 的顶部导航栏(以下简称“导航栏”)对我们来说再熟悉不过了,它是 UI 设计中必不可少的组成部分,几乎每一个页面都会使用到。虽然看起来很简单,感觉不需要花费多少精力,但设计一个与产品需求、用户目标匹配度较高的导航栏并非那么容易,这里面有很多需要注意的设计细节。 导航栏设计指南: 5000 干货!写给设计师的导航栏设计指南导航栏是页面设计中常见的控件,但里面却有很多细节和设计值得参考,这篇文章将会向你介绍导航栏,希望对你有帮助。阅读文章 > 导航栏集合了用户

全面系统!帮你快速掌握头像设计的基础知识

前言 最真实的例子,当我们在某社交软件将头像设置成帅哥/美女,搭讪与被搭讪的概率会成倍提升,这也是为什么行骗的人总是会先设置一个美女头像(背后抠脚大汉)总能提高成功率的原因,头像的魔力可见一斑。不论是真实社交、虚拟网络,甚至跟社交毫不沾边,任何应用只要有用户的概念,就会有头像的存在,只不过产品头像权重、用户重视程度不同而已。在这个“看脸的时代”,跟陌生人搭讪的成本很高,第一步就用看头像来确定是否建立社交关系是最直接快速的方式。 头像设计: 头像这么小的设计细节,也有8个值得关

5000字干货!从零开始帮你掌握标签设计

前言 在现实生活中,每个人都会不同程度的给别人、被别人贴标签,这是一种低门槛、高效率的记住一个人/物的有效方式。我们在背后谈论某个人/物的特点,最直观的表达方式就是利用标签叙述,例如,某个人好帅/善良、某件事做起来很简单/方便等,甚至将某种相似的人/物进行简单的归类后使用共同的标签,这都能让我们更清晰的掌握某些关键信息。 在互联网产品设计中,标签虽然不是很起眼,但是绝对不能忽视它,只要使用得当,尤其是在电商类产品中堪称神助攻的存在,其功能的强大不是笔者几段文字能介绍清楚的,

5000字干货!单选/复选/拨动开关的使用技巧全在这!

前言 在 UI 设计中,无论从效率角度、还是视觉角度来讲,组件元素始终在界面中扮演着极其重要的角色,其作用主要是提升应用的可用性、易用性,以帮助用户轻松完成任务。 移动端选择器使用: 6000字超长干货!移动端选择器正确使用指南什么是选择器 选择器是一个输入字段, 用户必须在其中选择一个(或多个)选项,这与文本字段中用户可以自由使用的输入区不同。阅读文章 > 选项看起来是一个很简单的组件,交互状态仅仅只是选中(填充)、未选中(描边)、不可选(置灰)三种,但在真正的设计

8000字干货!7大方面帮你完全掌握应用图标设计

前言 如果说一个人的脸面、衣着打扮是给陌生人的第一印象,那么 APP 的应用图标风格与气质就是留给新用户的第一印象,关系着用户是否对这个 APP 感兴趣、是否会打开应用介绍、是否会点击下载按钮起着决定性的作用。一个好的应用图标有着无限可能,无形中对用户产生强大的吸引力,并有一种想要了解的冲动,况且图形本身就能让人充分发挥想象力,这就是为什么不管在哪个应用市场第一眼看到的是应用图标,而非应用名称。 在一部手机就能解决很多问题的互联网时代,相信每个人都有下载几十上百个 APP,琳

4000字干货!五个方面帮你完整掌握筛选功能设计

前言 “少即是多”是经常挂在嘴边的话题,在设计过程中,设计师们都会想尽一切办法去简化交互流程、组件元素及各种设计属性,让用户使用起来更简单。当产品简化到一定程度,就必须要面对其不可简化的复杂性。 诺曼曾说过 “复杂是世界的一部分,但它不应该令人困惑 ”,如果复杂性是合理的,我们应该学会如何去管理复杂,考虑好复杂的问题在流向用户后以何种方式处理,筛选控件就是用户自行处理复杂信息的方式之一,只要是符合用户行为做出的设计,将应有的复杂以筛选的形式呈现给用户,让其自行决定,用户反而会

5000字干货!四大章节帮你全面了解「下拉菜单」

前言 下拉菜单是在界面设计中很常用的组件,它以下拉的方式同时展示多个标签并帮助用户缩小选择范围,快速满足用户的选择需求,尤其是一些导航,设计师会很依赖下拉菜单的使用。在 UI 设计中,虽然经常会使用到下拉菜单,但很多设计师对它并不是很了解,如果过度使用或滥用,也会对用户体验产生负面影响,所以,如何正确的使用下拉菜单就显得非常重要,设计师需要对它有一个更为全面的了解。 那么,如何区分下拉菜单设计的是否合理?到底有哪些利弊?什么场景下需要使用下拉菜单,笔者将从什么是下拉菜单开始,

4500字干货!写给设计师的微文案设计指南

前言 公开演讲者 Hamza Yusuf 曾这样说过“永远不要削弱语言的力量,言动于心, 心动于身”。笔者相信,在谈正事时,大家应该都很反感说话总是拖泥带水又模棱两可的人,因为在听一大堆废话后、你还不知道对方到底要表达什么,甚至有可能在理解错误的情况下产生误导。 在互联网产品设计中,语言本身就是一种界面、一种架构,是链接用户与产品的桥梁,在交互过程中能帮助用户更好地理解产品、如何跟产品沟通顺畅。更有甚者,一个产品语言表达方式的好坏,在用户眼中就代表着这个产品是否友好、好用,所

5000字干货!从5个方面帮你完整了解标签栏设计

前言 标签栏是用户进入 APP 的第一触点,绝大多数以固定在设备底部的形式、让用户在应用中的不同模块之间快速切换。它作为移动应用中最常见的元素之一,是 UI 设计师们绕不开的课题。 一个好的底部标签栏可传达出产品的核心功能、品牌形象及设计理念,还能用作判断应用是否精致的标准,用户可通过第一触点来感受这个 APP 是粗糙的还是精致的。所以看似简单,但要想设计出视觉美观、反馈清晰的底部标签栏,有很多值得我们深究的地方。 那么标签栏为何存在?背后满足的需求和场景到底有哪些?能给产

6000字干货!6个方面帮你循序渐进掌握表单设计

前言 表单是 UI 设计中很常见的元素,不管是 PC 端还是移动端,表单几乎是无法规避的 UI 控件,用户可以通过表单完成线上购物、信息交换、文章订阅等任务,使用范畴极为广泛且牵扯到方方面面。 表单设计看似很简单、实则很容易忽略用户体验,作为设计师,需要根据触发条件、使用场景将各元素进行灵活的调整,才能确保用户顺畅的完成表单任务,因此,设计出一个可用性非常好的表单非常有必要。本文将针对表单的设计准则及用户体验进行了总结,希望能够帮到大家。 本期大纲 认识表单 表单结构及元