UI设计
-
按钮设计实战解析,17个科学测试+超多案例。
编者按:按钮设计是 UI/UX 设计的一个基础问题,设计师 Eduard Kuric 为此专门深入地撰写了这个系列文章,这篇是系列的第一篇。他在文章中深入分析了按钮的基础特性,并且深入细致的设置了一套完整的测试,试图彻底…
-
如何构建界面设计框架?4个维度帮你掌握起来。
在UI设计中如何构建界面设计框架?本文从用户需求、业务目标、媒介属性、竞品设计4个部分,帮你掌握这个用户体验设计的知识点。如何构建界面设计框架?一个界面的框架究竟是如何设计出来的呢?我们可以从 4 个维度…
-
短视频应用如何做好沉浸式体验设计?来看百度的实战案例。
在视频画面尺寸、手机屏幕分辨率极多的复杂情况下,如何通过布局、内容、视窗挤压、智能满屏等形式,进一步提升视频看播沉浸式体验呢?前言沉浸式体验是让人专注在当前的目标,全身心投入并感到愉悦和满足,从而忽…
-
设计高手都在用的双钻模型和5E体验模型,看完这篇立刻学会。
编者按:设计模型中最常见的2个:双钻模型和5E体验模型,看完这篇帮你掌握!1. 双钻模型它的作用是什么双钻模型是设计师在创作过程中可以循环复用的系统,他不仅可以在我们设计界面时运用到,在一些数据提升优化等…
-
如何让按钮设计更规范?先学会这4种常见的按钮样式。
按钮是 UI 界面中最常见的功能元素。本文将分析四种不同类型的按钮样式,以及对应的使用场景、设计要点,巩固这些基础但重要的按钮设计知识。虽然单个按钮的设计相对简单,但把按钮放在整个界面中,我们不仅仅要考…
-
5000字干货!超详细的保姆级间距设计规范。
编者注:UI设计中的间距到底是什么,有什么作用,如何合理有效地使用?本文整理总结了五个方面,帮你掌握间距设计的方法。前言很多时候,我们发现自己精心设计的作品总是乱乱的感觉,究其根本,大部分都是文字、图…
-
6000字干货!四大章节掌握HMI车载设计指南(进阶篇)
HMI车载设计成为当今的热门行业,本文通过HMI车载交互设计基础、需求分析的要点、创新的交互形式和视觉设计四大章节,帮你掌握HMI车载设计。 在上篇的文章中我们提到了车载设计的基础知识,今天的这篇进阶的文章我…
-
8000字干货!9个章节掌握车载HMI设计指南(基础篇)
本文从HMI概念、汽车座舱的进化、车载生态系统、车载设计趋势、HMI设计原则、设计流程、商业设计案例、HMI设计资源等9个章节,帮你快速入门HMI设计。 近段时间也是参与了几个车企的 HMI 咨询设计项目,一直想写写关…
-
信息架构如何设计?5000字干货帮你快速掌握。
信息架构设计是每个交互设计师都必须要掌握的基本功,那到底什么是信息架构设计?为什么要进行信息架构设计,以及如何进行信息架构设计呢?下面我们一一来看。从用户体验设计的 5 个层次来看,结构层和框架层是交互…
-
万字干货!详细讲述场景化设计思维。
编者按:本文从《无界面交互》一书说起,总结了场景化设计思维的知识点,帮读者掌握场景化设计。 一、从《无界面交互》开始 最近又翻了翻《无界面交互》这本书,不过与上次阅读却有了些不一样的反思与收获,这本书…
-
5000字干货!从四个方面完整分析B端工作台的设计流程和方法。
B端工作台如何设计?本文从需求分析、信息架构、可视化图表和视觉设计4个方面,完整解析一个B端工作台的设计方法。 举着 Case 当火把,照亮五彩斑斓的黑~ 一、需求分析 在设计一个产品的时候,我们要透过现象看本质…
-
5000字干货!深度解析B端产品的「美即适用」效应。
在打造一个产品时,不仅仅需要考虑它的好用与功能价值,同时也应当考虑产品在美感方面的设计,一个美观的设计会影响用户观感。本文将探索美即适用效应以及对产品的影响,希望对你有所启发。为什么会有设计师的存在…
-
如何做好B端产品的体验走查?我总结了这4个方面。
本文作者通过实践,整理出一份较为成熟的 B 端产品的设计走查流程,和大家分享一下我个人的经验,也希望能得到你的反馈和交流,让我们之后的体验走查能更有成效。 一、什么是体验走查 1. 概念 体验走查是设计走查的…
-
用大厂实战案例,帮你学会金融领域的产品设计方法。
本文从腾讯移动金融开发平台的实战案例出发,帮你掌握金融领域的产品设计方法。一、项目背景互联网行业的发展重点已经从消费互联网逐步转向产业互联网。对金融机构来说,数字化转型也成为企业面向未来发展、改善客…
-
如何做好SaaS类产品的小程序设计?来看腾讯的实战案例。
小程序是 SaaS 类产品实现商业价值的载体,针对小程序设计轻量、聚焦、快捷的特点,是否有一种轻量高效的设计方法,可以把已有的设计能力更高效的投射到小程序设计中呢?我们通过千帆易销小程序设计实践,对此进行…
-
灵动岛和 iOS 16 实时活动设计规范来了。
灵动岛和 iOS 实时活动推送界面的设计规范终于出来了,原文在这里,做设计和开发的同学记得看看。实时活动显示的是来自 APP 最新的信息,让人一目了然地看到最新的事件或者任务的进度。实时活动帮助用户跟踪他们关…
-
B端设计太复杂?从5个方面聊聊我的思考。
编者按:B端设计由于功能众多,产品设计较为复杂。设计师面对这类产品该如何入手?作者总结了自己的思考。最近在设计一个 B 端系统的间隙,偶然间拿起了很多年前看过的一本书,唐纳德·诺曼的《如何管理复杂》,有一…
-
B端对齐如何设计?我总结了这3种常用场景。
B端设计中如何做好对齐设计?本文总结了通用场景、表格场景和表单3种常见场景的设计选择和取舍。关于对齐,大部分设计师可能会觉得非常简单,不就是那几种对齐方式嘛,难道还有很复杂的操作?深入研究才发现,B 端…
-
控件如何设计,UI设计中9个常用的控件规范。
UI设计中常见的控件设计都有哪些规范?本文总结了按钮、多选、单选、切换、文本输入框、下拉选择、列表框、下拉按钮、滑块9个控件的设计规范。我们在设计 UI 界面的时候,有一些控件几乎总是会用到。用户熟悉了它们…
-
什么是 WCAG?帮你从零开始掌握WCAG色彩对比度。
最近在学习大厂设计系统时,发现了 WCAG 标准。这个概念之前也听说过,但是没怎么当回事儿,这次沉下心来了解了一番,发现里面包含了不少科学的方法。我觉得 B 端设计师还是有必要了解下这块内容。 一、什么是 WCAG…