手机界面设计
-
悬浮小窗该如何设计?高手的样本分析来了。
本文为悬浮小窗设计研究,悬浮小窗分为:视频小窗、音频小窗、文档小窗三种,此次选取 15 款 APP,从功能、交互设计和 UI设计来分析。 文章目的: 让大家了解悬浮小窗是什么 让大家了解悬浮小窗的主流交互和视觉展…
-
B端设计长文!深度分析桌面端与移动端的设计差异。
编者按:B端设计中,桌面端与移动端究竟差别有多大?本文总结了8个方面的差异,并用语雀的案例分析让你的认识更深一步。关于桌面端与移动端的交互差异,一直以来很多设计师都非常的迷茫,因为在众多的 B 端产品当中…
-
设计高手都在用的双钻模型和5E体验模型,看完这篇立刻学会。
编者按:设计模型中最常见的2个:双钻模型和5E体验模型,看完这篇帮你掌握!1. 双钻模型它的作用是什么双钻模型是设计师在创作过程中可以循环复用的系统,他不仅可以在我们设计界面时运用到,在一些数据提升优化等…
-
如何让按钮设计更规范?先学会这4种常见的按钮样式。
按钮是 UI 界面中最常见的功能元素。本文将分析四种不同类型的按钮样式,以及对应的使用场景、设计要点,巩固这些基础但重要的按钮设计知识。虽然单个按钮的设计相对简单,但把按钮放在整个界面中,我们不仅仅要考…
-
5000字干货!超详细的保姆级间距设计规范。
编者注:UI设计中的间距到底是什么,有什么作用,如何合理有效地使用?本文整理总结了五个方面,帮你掌握间距设计的方法。前言很多时候,我们发现自己精心设计的作品总是乱乱的感觉,究其根本,大部分都是文字、图…
-
5000字干货!从四个方面完整分析B端工作台的设计流程和方法。
B端工作台如何设计?本文从需求分析、信息架构、可视化图表和视觉设计4个方面,完整解析一个B端工作台的设计方法。 举着 Case 当火把,照亮五彩斑斓的黑~ 一、需求分析 在设计一个产品的时候,我们要透过现象看本质…
-
如何做好SaaS类产品的小程序设计?来看腾讯的实战案例。
小程序是 SaaS 类产品实现商业价值的载体,针对小程序设计轻量、聚焦、快捷的特点,是否有一种轻量高效的设计方法,可以把已有的设计能力更高效的投射到小程序设计中呢?我们通过千帆易销小程序设计实践,对此进行…
-
灵动岛和 iOS 16 实时活动设计规范来了。
灵动岛和 iOS 实时活动推送界面的设计规范终于出来了,原文在这里,做设计和开发的同学记得看看。实时活动显示的是来自 APP 最新的信息,让人一目了然地看到最新的事件或者任务的进度。实时活动帮助用户跟踪他们关…
-
控件如何设计,UI设计中9个常用的控件规范。
UI设计中常见的控件设计都有哪些规范?本文总结了按钮、多选、单选、切换、文本输入框、下拉选择、列表框、下拉按钮、滑块9个控件的设计规范。我们在设计 UI 界面的时候,有一些控件几乎总是会用到。用户熟悉了它们…
-
从桌面组件到灵动岛,深度回顾「小组件设计」的前世今生。
今天我们以“小组件”作为一条线,好好聊聊 PC、移动端这么多件和提效相关的动作。一、起源于 90 年代1. 开端:苹果公司的“桌面装饰”这事还得从 Mac 说起,当 Mac 还被称为 Macintosh 时,初始团队工程师 Andy Hertzf…
-
交互细节科普!帮你掌握返回、关闭和取消的用法。
交互设计细节中,最常见的「返回」、「关闭」和「取消」应该如何运用?本文用超多案例帮你掌握。当进入新页面时,回到上一级页面的操作会使用「返回」、「关闭」或者是「取消」。他们看起来相似,但实际使用上有明…
-
超全总结!5个章节帮你完整掌握卡片式设计。
本文从卡片式设计的定义、设计价值、常见的设计样式、适用场景介绍、设计原则及小技巧五个方面,帮你掌握卡片式设计。前言近几年,卡片式设计可以说是移动端产品中极为常见的设计形式了,甚至有很多互联网大厂将卡…
-
觉得搜索设计简单?看大厂如何把搜索功能玩出花。
编者按:在搜索功能上,天花板级别的设计师还能玩出什么花样?本文梳理了众多大厂的搜索设计细节,一次性看个够!搜索的本质是什么?无疑是内容的召回和信息的推荐。可随着时代的发展和行业公司的内卷,不少公司除…
-
CTA按钮设计怎么做好?3个维度帮你有理有据做好CTA按钮设计。
任何设计师都曾经与 CTA 按钮打过交道。当页面中存在着一个 CTA 按钮,那就意味着此次的目标就是不断得引导用户们用手指去点击,以提升业务转化。一旦点击率达到或超出预期,那便验证了此次设计的有效性。但是,我…
-
为什么不能在页面按钮上使用企业的品牌色。
编者按:这篇文章出自 UX Movement ,文中详细分析了品牌色不适合运用到网页和 APP 的按钮背后的设计逻辑,并不复杂但是非常值得学习。 很多 APP 和 网页 喜欢在 CTA 按钮和关键功能按钮上使用品牌色,这样的设计看…
-
方法+实战!一篇文章帮你搞定设计系统度量 。
本文将以百度商业团队 Light 设计系统 PATS 度量体系的建设为例,分享我们如何探索设计系统度量的建构与具体实践。希望通过文章能为大家带来新思考,并借此与大家进行交流与探讨。写在前面成熟的设计系统是一个强大…
-
即学即用!8个Figma组件和变体进阶应用技巧。
最近在使用 Figma 搭建组件库,期间也遇到了一些困难:如何搭建变体、如何精简变体、搭建的组件如何更易用等,后面通过上网看视频教程、拆解大厂设计系统组件结构,再经过自己的仔细琢磨与尝试,总结了一些搭建组件…
-
从零基础到精通:B端项目设计规范整理实例。
设计规范的应用逻辑很简单,但需要有非常娴熟的软件功能使用基础,所以之前花了很长的篇幅讲解了和规范相关的软件功能应用,就是为了现在做准备。一、项目规范的整理准备1. 项目规范的制作流程项目设计规范的制作是…
-
B端产品如何降低用户认知门槛?这3个技巧学起来。
我们都说,B 端产品很复杂,如何利用设计为用户降低产品的固有复杂性带来的成本呢?在设计中有一个定律叫做特斯勒定律,又称复杂性守恒定律。它指的是每一个应用程序都具有无法被转移或者隐匿的复杂固有量。简而言…
-
筛选功能如何设计?4个章节帮你掌握筛选功能设计。
本文全面总结了 B 端产品中的筛选功能设计。之前也有总结一篇简洁版的关于筛选的文章,回头查看原来总结的文章时才发现确实之前总结的有点太过简洁,很多筛选类型和使用场景都考虑得不够全面,这也是之前对该功能不…