视觉设计

图标是UI设计中除了文字之外最不可或缺的视觉元素，在设计中看似只占一个很小的区域，但是它却是考验设计师基本功的重要标准，了解图标相关的概念，以及正确绘制的方法，是入门 UI设计的必备条件。 本文将对图标进…

今天给大家分享可视化的入门全流程指南，从设计流程、规范、技巧、组件、开发落地等系列知识的普及。前言随着大数据产业的蓬勃发展，很多企业都开始应用数据可视化。智慧城市、智慧交通、智慧医疗等等越来越多的行…

标签栏是用户进入 APP 的第一触点，绝大多数以固定在设备底部的形式、让用户在应用中的不同模块之间快速切换。它作为移动应用中最常见的元素之一，是 UI 设计师们绕不开的课题。一个好的底部标签栏可传达出产品的核…

在平时的设计创作中，色彩搭配是很基础且重要的。那如何才能让自己成为了一个会搭配的设计师呢？除了日常的审美和创作积累，其实掌握好色彩基础和搭配原理才是让自己设计配色提升的第一步。下面就带大家由浅入深全…

大家有没有感觉到，最近关于折叠屏的新闻越来越多了。虽然我周围没见到什么人买折叠屏，但架不住厂商热情高涨啊。全球各大厂商几乎都在拼命钻研折叠屏手机，而且几乎每发布一款都有技术革新。根据面板供应链市场研…

动效在 UI 设计场景中的运用强化了感官层面的体验，也使得交互设计更加易于理解，通过动效辅助功能操作的理解度。近期在体验产品的过程中，观察到了一些微动效的优秀案例，分享出来和大家一起探讨。拖拽头像营造趣…

在 UI 设计中，配图的好坏将直接影响着界面的品质及用户的视觉体验。纵观如今高质量的界面设计，具有设计感的配图不仅是吸引用户的重要元素，能比原本平淡无奇的文字界面更让人产生点击欲望，还能体现出设计师的品…

动效设计，可以提升界面的趣味性和引导性，让用户浏览过程中不会太枯燥，获得更好的体验。最近做的金山知了（后面改名为金山知识库）官网，头图元素加入了缓动效果，第一眼挺新颖的。金山协作新年许愿活动，许愿按…

动效是设计师的一个主要发力点，界面里加入动效，可以增加趣味性和引导性。从业务层面来看，设计师首先要积累这方面的技能经验，到了实际项目中才有发挥的空间，较大程度地给业务赋能。所以，我结合常用的界面动效…

做好图标设计是一个入门级 UI 设计师的必备技能之一，图标是界面中非常重要的组成部分，在实际的工作中，即便是一些工作多年且有一定经验的设计师，也很难保证自己设计的图标有多么完美。不同位置的图标在界面中所…

本文将从动态的交付文件、成像原理，以及如何高效的与开发团队沟通等角度来分析动态设计交付，旨在帮助与我们遇到类似问题的团队提供合适的解决方案。前言开始阅读之前，我想让大家先思考两个问题：你平时接触的动…

在 2020 年，疫情最为严峻的时候，B 端这一领域得到了前所未有的关注，而那时，身为 B 端用户体验设计师的我，也曾总结过，当时 B 端设计的诸多趋势，比如： 多端需求：即桌面端、平板端、移动端的设计形式 设计中…

组件库是一个强大的提效工具，对于设计师和开发来说有了统一的标准，输出的效率也会大大提高。 随着设计工具的不断发展，Figma 逐渐成为各大公司的主流设计软件。Figma 强大的组件库能力，非常适合团队设计系统的建…

Apple 致力于让每件产品都赏心悦目，与其说官网是产品展示平台，倒不如说它是苹果产品分支的延续。 我相信，从 Apple.com 找设计灵感是每一位设计师都做过的事。那它到底有何魅力？跟我来一探究竟吧。 沉浸与交互式…

本篇文章将分享 Web 端系统布局，从基本布局初识、网格、布局模块到栅格进行完整链路内容整合，以简单易懂的案例与大家进行探讨。 在以往的学习过程中，我发现市面上大部分文章对于 Web 端系统布局内容讲的比较笼统…

从事电商方面的设计师，详情页设计可以说是必修课。好的详情页会给带给用户更流畅的视觉体验、更直观的产品信息、亮点等等，也有助于提升交易的达成率。正是如此，所以很多商家不惜重金请设计师为其打造爆款产品的…

具有相似视觉特征的物体最有可能是相关的，或者至少在用户界面设计方面应该如此。清晰、一致地为每种类型的UI元素应用可视化规则对于帮助用户轻松地理解和使用设计至关重要。这是因为每次交互都会开发出用户对其他…