网站设计
-
从10个维度，分析Instagram值得学习的视觉和体验细节。
今天从 10 个维度，聊聊 Instagram 这款软件整体的设计与体验那些值得学习的地方。一、Logo 的变化下图是关于 Instagram 的从 2010-2022 整个图标变化的过程，从中能发现：图标从拟物的风格慢慢变成扁平的风格。从…
-
下拉菜单如何设计？5000字干货详解下拉菜单设计。
下拉菜单是在界面设计中很常用的组件，它以下拉的方式同时展示多个标签并帮助用户缩小选择范围，快速满足用户的选择需求，尤其是一些导航，设计师会很依赖下拉菜单的使用。在 UI 设计中，虽然经常会使用到下拉菜单…
-
快速提升 UI 设计效果的 6 个小技巧 (UI 设计集-7)。
编者按：在进行 UI 设计的时候，很多小技巧能够恰到好处地提升界面的设计视觉效果、用户体验。这篇来自Mark Andrew 的文章梳理了 6 个实用性很强的 UI 效果提升小技巧，是系列文章的七篇，原文最早发布于 marcandre…
-
B端产品如何巧用动效？来看腾讯的实战案例复盘。
腾讯企点产品线，包括客服、电话营销、商通等 SaaS 产品，产品受众角色多，业务场景复杂，由于角色与场景的复杂性，在产品设计中也遇到了一些问题： 腾讯企点往期实战案例复盘： 1. 产品界面信息量大，操作繁琐 任…
-
下拉菜单如何设计？5000字干货详解下拉菜单设计。
下拉菜单是在界面设计中很常用的组件，它以下拉的方式同时展示多个标签并帮助用户缩小选择范围，快速满足用户的选择需求，尤其是一些导航，设计师会很依赖下拉菜单的使用。在 UI 设计中，虽然经常会使用到下拉菜单…
-
快速提升 UI 设计效果的 6 个小技巧(UI 设计集-12)。
在进行 UI 设计的时候，很多小技巧能够恰到好处地提升界面的设计视觉效果、用户体验。这篇来自Marc Andrew 的文章梳理了 6 个实用性很强的 UI 效果提升小技巧，是系列文章的十二篇，原文最早发布于 marcandrew.me …
-
大厂都在用！ 万字干货带你读懂并应用 Design Token。
随着近几年 Figma 等一系列在线设计工具的崛起，相信设计师对设计系统的都有了更深的了解。其实设计系统的建设是一个非常庞大而复杂的工程。我们通过各种设计规范等对产研流程提效，但还是会经常遇到一些棘手的问题…
-
SVG图标的高级用法，让你界面适配效率翻一倍。
SVG 格式图标在软件界面中有广泛应用，它与生俱来的矢量属性，使其在高分辨率屏幕上的表现非常完美。SVG 是一个基于 XML 标记语言的开放网络标准格式，拥有跨设备多平台的兼容效果。前面我们有分享过一篇关于 WPS …
-
实战复盘！拿下 iF 设计奖的 CleanMyMac X 是如何设计出来的。
编者按：这篇文章来自英国资深设计师 Dmitry Novikov，他是著名 Mac 管理类工具 CleanMyMac X 背后的视觉和体验设计师，他将设计的过程和想法发布到他自己的 Behance 当中： CleanMyMac 可能是 Mac 平台上最常用的 …
-
金刚区图标如何设计？详解金刚区图标设计的 10 大风格。
金刚区作为产品功能架构重要的组成部分，是设计师重点发挥的区域，也是风格切换最为活跃的。而金刚区图标是最重要的表现对象，设计师在图标设计上面耗费心力，出现了丰富多样的视觉表现风格。体验了众多产品之后，…
-
从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势。
Dribbble 平台对于互联网 UI 界面设计有着举足轻重的定位，对 Dribbble 设计的研究会让我们看清设计的方向。为了保证这篇文章的质量，Dribbble 年度的每个作品都超过 550 赞。在此原则下挑选了 828 件作品，作品总…
-
如何更好的统一颜色规范？这个方法正在成为新趋势。
平时在做 UI 组件库的时候，会遇到一个问题，定义了很多颜色但在团队合作的时候，却依然还是会根据每个设计师自己的喜好来配色，很难将颜色规范很好的统一起来。这其中有一个很严重的问题就是对于颜色的命名和管理…
-
如何科学地建立色彩体系？我总结了这5个方面。
最近我在想一个问题：假如设计师负责一款全新的产品，不受已有规范的束缚，我们该如何定义产品的色彩体系呢？有些设计师可能会凭自己的主观想法定义色值，觉得这个颜色在界面里好看就用了，但是我觉得这样是不够规…
-
极光风如何设计？用案例详述热门的极光风设计趋势。
作为设计师都会时刻关注设计趋势，以 UI 设计来说每年都会出现很多相关的趋势总结，基本是结合预测和实际相结合的。趋势可以让我们把控设计的方向，带给用户更好的感官体验。最近黑马哥结合落地产品所呈现出来的设…
-
为什么大厂改版都在做用户分层设计？效果超明显。
最近看了很多大厂/名企的改版复盘后，我发现一个很常用也很好用的设计思路，那就是：用户分层国内大厂的产品大多综合性越来越强，例如卖菜的打车 APP、做直播的音乐 APP、做家政的外卖 APP……为了满足用户需求的较大…
-
2022设计趋势！正在悄然流行的「新粗野主义」风格。
每年你会在优设看到大量的设计趋势预测和总结类的文章，其中有的出自腾讯这样的头部公司，有的出自 Uxdesign.cc 和 Graphicmama 这样的知名设计博客，还有的则可能会出自行业内的知名设计师。在这当中资深设计师 Mi…
-
如何做好搜索设计？必看3个设计原则。
搜索设计看似简单，展现形式上只有一个输入框和搜索按钮就可以了，但是里面隐藏了很多交互细节。最近工作中刚好有搜索相关的设计需求，今天就来总结下搜索中的交互细节设计。 本文的主要内容包括： 搜索的作用 搜索…
-
Tabs标签页如何设计？详解10个Tabs标签页设计方法。
Tabs 标签页又称选项卡（以下简称标签页），它是一种高效的屏幕空间利用手段，映射非常接近卡片的目录索引，用户可以基于索引标签，快速定位到目标中内容中去，这也是大多数用户来自现实世界的经验。在 Web 页面中…
-
UI设计如何配色？4000字干货帮你提高视觉设计的配色水平。
在平时的设计创作中，色彩搭配是很基础且重要的。那如何才能让自己成为了一个会搭配的设计师呢？除了日常的审美和创作积累，其实掌握好色彩基础和搭配原理才是让自己设计配色提升的第一步。下面就带大家由浅入深全…
-
如何做好标签设计？分析总结标签设计的体验细节。
在移动端产品中，标签不是核心内容，甚至有点不起眼，但是谁都无法忽略它的存在。特别是在电商平台中，标签已经成为了不可或缺的设计形式。今天我们就来总结下标签设计的细节。文章主要分为 3 部分：标签是什么？标…
