网页设计
-
8000字干货!超全面的 UI 字体排版设计指南。
文字是人类文化的重要组成部分,经历了数千年的发展和演变,字体排版已经积累了非常多的专业性知识。无论是平面设计师还是 UI 设计师,都应该了解和学习这些基础设计知识,从而帮助我们创造更优秀的产品体验。文...
-
优秀设计的背后,离不开这11个应该掌握的底层理论。
这是我在 Medium 上看到一位工作超过 17 年的国外设计 leader 写的一篇关于设计原理的文字,讲为什么设计可以变得有效?讲得很透。强烈推荐大家阅读,定有收获! 1. 奇数原则和三分法构图 奇数法则意思是说,在设...
-
3种常见网格系统的用法,这篇帮你搞清楚! 。
编者按:这篇文章出自著名的用户体验设计机构 NNGroup,资深用户体验设计师 Kelley Gordon 负责撰写了这篇文章。对于设计师而言,网格系统并不陌生,但是在什么时候用,用什么样地网格,甚至什么时候打破网格地规...
-
悬浮小窗该如何设计?高手的样本分析来了。
本文为悬浮小窗设计研究,悬浮小窗分为:视频小窗、音频小窗、文档小窗三种,此次选取 15 款 APP,从功能、交互设计和 UI设计来分析。 文章目的: 让大家了解悬浮小窗是什么 让大家了解悬浮小窗的主流交互和视觉...
-
导航设计3步曲:高手帮你快速掌握导航设计。
导航系统的设计依赖于信息的组织结构,受制于媒介的交互特性,还需要符合用户的习惯和目标,所以我将从信息结构、导航形式、导航路径优化 3 个方面为大家展开导航设计。1. 导航是什么?① 导航的起源与本质导航,...
-
按钮设计实战解析,17个科学测试+超多案例。
编者按:按钮设计是 UI/UX 设计的一个基础问题,设计师 Eduard Kuric 为此专门深入地撰写了这个系列文章,这篇是系列的第一篇。他在文章中深入分析了按钮的基础特性,并且深入细致的设置了一套完整的测试,试图彻...
-
如何构建界面设计框架?4个维度帮你掌握起来。
在UI设计中如何构建界面设计框架?本文从用户需求、业务目标、媒介属性、竞品设计4个部分,帮你掌握这个用户体验设计的知识点。如何构建界面设计框架?一个界面的框架究竟是如何设计出来的呢?我们可以从 4 个维...
-
设计高手都在用的双钻模型和5E体验模型,看完这篇立刻学会。
编者按:设计模型中最常见的2个:双钻模型和5E体验模型,看完这篇帮你掌握!1. 双钻模型它的作用是什么双钻模型是设计师在创作过程中可以循环复用的系统,他不仅可以在我们设计界面时运用到,在一些数据提升优化...
-
如何让按钮设计更规范?先学会这4种常见的按钮样式。
按钮是 UI 界面中最常见的功能元素。本文将分析四种不同类型的按钮样式,以及对应的使用场景、设计要点,巩固这些基础但重要的按钮设计知识。虽然单个按钮的设计相对简单,但把按钮放在整个界面中,我们不仅仅要...
-
5000字干货!超详细的保姆级间距设计规范。
编者注:UI设计中的间距到底是什么,有什么作用,如何合理有效地使用?本文整理总结了五个方面,帮你掌握间距设计的方法。前言很多时候,我们发现自己精心设计的作品总是乱乱的感觉,究其根本,大部分都是文字、...
-
万字干货!详细讲述场景化设计思维。
编者按:本文从《无界面交互》一书说起,总结了场景化设计思维的知识点,帮读者掌握场景化设计。 一、从《无界面交互》开始 最近又翻了翻《无界面交互》这本书,不过与上次阅读却有了些不一样的反思与收获,这本...
-
如何做好B端产品的体验走查?我总结了这4个方面。
本文作者通过实践,整理出一份较为成熟的 B 端产品的设计走查流程,和大家分享一下我个人的经验,也希望能得到你的反馈和交流,让我们之后的体验走查能更有成效。 一、什么是体验走查 1. 概念 体验走查是设计走查...
-
控件如何设计,UI设计中9个常用的控件规范。
UI设计中常见的控件设计都有哪些规范?本文总结了按钮、多选、单选、切换、文本输入框、下拉选择、列表框、下拉按钮、滑块9个控件的设计规范。我们在设计 UI 界面的时候,有一些控件几乎总是会用到。用户熟悉了它...
-
什么是 WCAG?帮你从零开始掌握WCAG色彩对比度。
最近在学习大厂设计系统时,发现了 WCAG 标准。这个概念之前也听说过,但是没怎么当回事儿,这次沉下心来了解了一番,发现里面包含了不少科学的方法。我觉得 B 端设计师还是有必要了解下这块内容。 一、什么是 WC...
-
如何设计B端色彩体系?3个步骤帮你掌握起来。
编者按:B端设计的色彩体系如何构建?本文从色彩分类、色彩体系、色彩应用3个方面,帮你掌握B端色彩体系的设计基础。中后台管理系统是一种管理工具,用来帮助企业高效、稳定的管理、运营、协作,从而实现降本增效...
-
企业电商出海时代,独立站设计的5个关键点和4个避坑点 。
随着国内市场饱和,越来越多的公司转向海外寻找新的增长机会,其中出海电商成为了最大的市场之一。 随着国内市场饱和,越来越多的公司转向海外寻找新的增长机会,其中出海电商成为了最大的市场之一。21 年底艾媒...
-
超全总结!后台界面设计的5个关键要素和10点原则。
大家在平时的工作中,越来越多地会接触到后台界面设计,与一般的 UI 设计一样,它也有它的设计要素和规范。今天这篇文章将会讲到后台界面的 5 个关键设计要素和 10 条设计原则,记得收藏阅读并用到自己的工作中吧...
-
5000字干货!五大章节帮你掌握搜索设计。
本文从搜索的基本属性与特征、搜索入口的样式及应用场景、常见的搜索方式、搜索流程状态解析和辅助模块/元素的妙用5个章节,帮你掌握搜索设计。前言搜索是产品中非常重要的一个功能模块,它通过搜索框给用户提供...
-
从桌面组件到灵动岛,深度回顾「小组件设计」的前世今生。
今天我们以“小组件”作为一条线,好好聊聊 PC、移动端这么多件和提效相关的动作。一、起源于 90 年代1. 开端:苹果公司的“桌面装饰”这事还得从 Mac 说起,当 Mac 还被称为 Macintosh 时,初始团队工程师 Andy Hert...
-
超全总结!5个章节帮你完整掌握卡片式设计。
本文从卡片式设计的定义、设计价值、常见的设计样式、适用场景介绍、设计原则及小技巧五个方面,帮你掌握卡片式设计。前言近几年,卡片式设计可以说是移动端产品中极为常见的设计形式了,甚至有很多互联网大厂将...