视觉设计

随着近几年 Figma 等一系列在线设计工具的崛起，相信设计师对设计系统的都有了更深的了解。其实设计系统的建设是一个非常庞大而复杂的工程。我们通过各种设计规范等对产研流程提效，但还是会经常遇到一些棘手的问题…

编者按：这篇文章来自英国资深设计师 Dmitry Novikov，他是著名 Mac 管理类工具 CleanMyMac X 背后的视觉和体验设计师，他将设计的过程和想法发布到他自己的 Behance 当中： CleanMyMac 可能是 Mac 平台上最常用的 …

金刚区作为产品功能架构重要的组成部分，是设计师重点发挥的区域，也是风格切换最为活跃的。而金刚区图标是最重要的表现对象，设计师在图标设计上面耗费心力，出现了丰富多样的视觉表现风格。体验了众多产品之后，…

B 端产品主要是 Web 端产品，空间大、操作多，内容相对复杂。需要通过页面布局或者视觉设计表达出明确的逻辑关系，从设计角度降低用户的学习成本。而用户有固定的认知规律。格式塔原理揭示了人类视觉的认知是整体的…

什么是栅格？我这里就不做说明了。很多优设的文章都写的很清晰了。这篇文章仅从我最开始接触栅格所遇到的困惑和部分设计师始终纠结的点来和大家一起讨论讨论。B 端到底用什么尺寸进行设计？确定布局要弄清楚用什么…

Dribbble 平台对于互联网 UI 界面设计有着举足轻重的定位，对 Dribbble 设计的研究会让我们看清设计的方向。为了保证这篇文章的质量，Dribbble 年度的每个作品都超过 550 赞。在此原则下挑选了 828 件作品，作品总…

平时在做 UI 组件库的时候，会遇到一个问题，定义了很多颜色但在团队合作的时候，却依然还是会根据每个设计师自己的喜好来配色，很难将颜色规范很好的统一起来。这其中有一个很严重的问题就是对于颜色的命名和管理…

上期《可视化大屏设计如何设计？可视化大屏设计快速入门指南》给大家普及了可视化大屏设计的概况，从硬件、GIS 数据、三维建模、动效设计、图形技术、渲染引擎的技术架构等六个方向的总结。今天给大家分享可视化中 …

最近我在想一个问题：假如设计师负责一款全新的产品，不受已有规范的束缚，我们该如何定义产品的色彩体系呢？有些设计师可能会凭自己的主观想法定义色值，觉得这个颜色在界面里好看就用了，但是我觉得这样是不够规…

作为设计师都会时刻关注设计趋势，以 UI 设计来说每年都会出现很多相关的趋势总结，基本是结合预测和实际相结合的。趋势可以让我们把控设计的方向，带给用户更好的感官体验。最近黑马哥结合落地产品所呈现出来的设…

前言在 B 端产品当中，我们经常看到五花八门的设计页面，很多人会质疑自己，这是 B 端产品的页面么？感觉品牌调性不太符合，B 端产品往往传达给用户的都是严肃、刻板，但是在同一个产品当中，同样会存在这样的差异…

最近看了很多大厂/名企的改版复盘后，我发现一个很常用也很好用的设计思路，那就是：用户分层国内大厂的产品大多综合性越来越强，例如卖菜的打车 APP、做直播的音乐 APP、做家政的外卖 APP……为了满足用户需求的较大…

最近做了HUAWEI Mate Xs手机折叠屏的相关设计，借此机会「趁热打铁」分享一手界面操作体验、适配技巧分享给大家，希望对各位设计师同学有所帮助和参考。在这里我使用的是华为折叠屏（HUAWEI Mate Xs 上市时间2020年…

无独有偶，设计师 Diego Salvatierra 还提出一种新的「Boxmoji」的设计趋势，而他所总结出的这种设计趋势，和 Michal Malewicz 所提出的「新粗野主义」风格有不少共通的地方。「boxmoji」有啥特征？所谓「Boxmoji」…

每年你会在优设看到大量的设计趋势预测和总结类的文章，其中有的出自腾讯这样的头部公司，有的出自 Uxdesign.cc 和 Graphicmama 这样的知名设计博客，还有的则可能会出自行业内的知名设计师。在这当中资深设计师 Mi…

蒙纳公司最近刚刚发布了 2022 字体设计趋势报告，这份报告对于视觉、LOGO、平面、字体/字库设计师有着相当的参考价值。这家早在 1920 就开始制作中文字库的美国公司，有着丰富的字体设计经验，它的子公司甚至持有着…

虽然直觉认为按钮是一种很简单的控件，但在梳理按钮相关知识点的过程中，发现小小控件其中包含了很多容易被忽略的细节。按钮几乎是每一个页面不可或缺的元素，对于按钮的认识基本停留在视觉层面，一个圆角矩形搭配…

从零做一款产品的时候，需要制定产品的主色。怎么制定呢？ "归纳产品特性和理念-提取关键词-建立情绪版-选择色相-制定色系"，这是很多文章里面归纳出来的几步，使用的时候也有理论依据。但我想说点不一样…

Tabs 标签页又称选项卡（以下简称标签页），它是一种高效的屏幕空间利用手段，映射非常接近卡片的目录索引，用户可以基于索引标签，快速定位到目标中内容中去，这也是大多数用户来自现实世界的经验。在 Web 页面中…

在前一个版本，Fluent 系统图标采用了 MDL2 和 Monoline 图标集合，比较大的特征是直角、方方正正的形状。不过随着 Win 11 系统的发布，我们可以看到 Fluent 系统图标也进行了比较大版本的优化，感知最大的地方就是…