网页设计
-
万字干货！详细讲述场景化设计思维。
编者按：本文从《无界面交互》一书说起，总结了场景化设计思维的知识点，帮读者掌握场景化设计。 一、从《无界面交互》开始 最近又翻了翻《无界面交互》这本书，不过与上次阅读却有了些不一样的反思与收获，这本书…
-
如何做好B端产品的体验走查？我总结了这4个方面。
本文作者通过实践，整理出一份较为成熟的 B 端产品的设计走查流程，和大家分享一下我个人的经验，也希望能得到你的反馈和交流，让我们之后的体验走查能更有成效。 一、什么是体验走查 1. 概念 体验走查是设计走查的…
-
控件如何设计，UI设计中9个常用的控件规范。
UI设计中常见的控件设计都有哪些规范？本文总结了按钮、多选、单选、切换、文本输入框、下拉选择、列表框、下拉按钮、滑块9个控件的设计规范。我们在设计 UI 界面的时候，有一些控件几乎总是会用到。用户熟悉了它们…
-
什么是 WCAG？帮你从零开始掌握WCAG色彩对比度。
最近在学习大厂设计系统时，发现了 WCAG 标准。这个概念之前也听说过，但是没怎么当回事儿，这次沉下心来了解了一番，发现里面包含了不少科学的方法。我觉得 B 端设计师还是有必要了解下这块内容。 一、什么是 WCAG…
-
如何设计B端色彩体系？3个步骤帮你掌握起来。
编者按：B端设计的色彩体系如何构建？本文从色彩分类、色彩体系、色彩应用3个方面，帮你掌握B端色彩体系的设计基础。中后台管理系统是一种管理工具，用来帮助企业高效、稳定的管理、运营、协作，从而实现降本增效。…
-
企业电商出海时代，独立站设计的5个关键点和4个避坑点 。
随着国内市场饱和，越来越多的公司转向海外寻找新的增长机会，其中出海电商成为了最大的市场之一。 随着国内市场饱和，越来越多的公司转向海外寻找新的增长机会，其中出海电商成为了最大的市场之一。21 年底艾媒咨…
-
超全总结！后台界面设计的5个关键要素和10点原则。
大家在平时的工作中，越来越多地会接触到后台界面设计，与一般的 UI 设计一样，它也有它的设计要素和规范。今天这篇文章将会讲到后台界面的 5 个关键设计要素和 10 条设计原则，记得收藏阅读并用到自己的工作中吧。…
-
5000字干货！五大章节帮你掌握搜索设计。
本文从搜索的基本属性与特征、搜索入口的样式及应用场景、常见的搜索方式、搜索流程状态解析和辅助模块/元素的妙用5个章节，帮你掌握搜索设计。前言搜索是产品中非常重要的一个功能模块，它通过搜索框给用户提供一…
-
从桌面组件到灵动岛，深度回顾「小组件设计」的前世今生。
今天我们以“小组件”作为一条线，好好聊聊 PC、移动端这么多件和提效相关的动作。一、起源于 90 年代1. 开端：苹果公司的“桌面装饰”这事还得从 Mac 说起，当 Mac 还被称为 Macintosh 时，初始团队工程师 Andy Hertzf…
-
超全总结！5个章节帮你完整掌握卡片式设计。
本文从卡片式设计的定义、设计价值、常见的设计样式、适用场景介绍、设计原则及小技巧五个方面，帮你掌握卡片式设计。前言近几年，卡片式设计可以说是移动端产品中极为常见的设计形式了，甚至有很多互联网大厂将卡…
-
觉得搜索设计简单？看大厂如何把搜索功能玩出花。
编者按：在搜索功能上，天花板级别的设计师还能玩出什么花样？本文梳理了众多大厂的搜索设计细节，一次性看个够！搜索的本质是什么？无疑是内容的召回和信息的推荐。可随着时代的发展和行业公司的内卷，不少公司除…
-
搞不定复杂的业务场景设计？4个小技巧帮你解决。
编者按：遇到复杂的业务产品，设计师该如何破局，如何站在业务的视角主动视察？本文用58的实战案例，给大家带来一点思路。58 拥有丰富的业务品类，其功能也多，若重要的功能或业务没有在首页进行合理的曝光，则可能…
-
大厂如何做改版设计？京东云官网视觉升级实战复盘。
大厂的设计改版流程是怎样的？本文从京东云的视觉改版案例出发，手把手带你认识完整系统的改版流程。一、升级背景京东云官网作为京东云对外唯一官方门户，并承载整个云业务售前及售中的核心渠道，是用户接触京东云…
-
筛选功能如何设计？4个章节帮你掌握筛选功能设计。
本文全面总结了 B 端产品中的筛选功能设计。之前也有总结一篇简洁版的关于筛选的文章，回头查看原来总结的文章时才发现确实之前总结的有点太过简洁，很多筛选类型和使用场景都考虑得不够全面，这也是之前对该功能不…
-
5000字干货！超全面的B端设计指南：消息通知。
消息通知在我们设计的过程当中非常重要，因为它作为系统与用户之间沟通的桥梁，能够帮助我们提示用户："目前的操作状态、系统的公告、用户之间的互动内容"，而不同的消息内容，我们需要使用不同的消息通…
-
5000字干货！写给新手设计师的UI字体使用指南。
文字是设计中的重要组成部分，就像我们平时看到的海报，里面各种被精心设计过的字体经常会成为视觉焦点，以醒目且个性化方式传达出内容的精髓，最后达到的效果事半功倍。 虽然在 UI 设计中不需要对文字过分设计，但…
-
新手科普！4个方面帮你快速熟悉UI组件中的瀑布流。
本文从组件介绍、使用场景、设计要点、样式拓展4个方面，帮你快速熟悉UI组件中的瀑布流设计。一、组件介绍瀑布流 (Waterfall Layout)，又称瀑布流式布局，是信息流网格布局的一种视觉形式。顾名思义，这种布局形式…
-
5000字干货！全方位解析搜索历史设计。
之前给团队招人面试，发现很多设计师朋友在回答「这里为什么这么设计」时，基本都从好看、美观的角度来解释。这个维度是很重要，但这种主观的决策依据，不仅和用户、业务诉求断层，也很难让我们的设计站稳脚跟，让…
-
从10个维度，分析Instagram值得学习的视觉和体验细节。
今天从 10 个维度，聊聊 Instagram 这款软件整体的设计与体验那些值得学习的地方。一、Logo 的变化下图是关于 Instagram 的从 2010-2022 整个图标变化的过程，从中能发现：图标从拟物的风格慢慢变成扁平的风格。从…
-
深色模式如何设计？从6个方面总结深色模式的设计细节。
相信大家对深色模式已经不陌生了，自从 iOS13 启用深色模式开始，各个软件及平台对于深色模式基本都做了相应的设计适配，经过了长时间的使用体验及迭代，每个人对深色模式也有了自己内心的好坏评判标准，下面是一些…
