7个可视化图表设计技巧,百度设计师经验分享

可视化图表是提升信息传递效率的一种有效方法，特别是在B端平台中经常遇到对统计的数据分析总结的呈现。 我们设计师在设计图表的过程中，如果没有系统的可视化知识，会出现设计的图表虽然美观但图表不能很好的反应数据的情况。 那么，在复杂的数据关系中如何设计和选用图表，如何在好看的同时提升信息传达效率，看完这篇文章希望对你的设计过程有所帮助。 为什么要数据可视化？ 数据可视化就是用图表来表示数据信息，它所传达的信息包括你所拿到的数据源和你分析后的结果，再通过图形强化用户的理解和记忆。 能让用户简洁明了的获取更多的信息，是我们可视化的最终目的。 举个例子，同样一组数据，用表格的形式呈现是很难有所洞察的；如果将各个地区维度的数据聚合以柱图形式呈现，很容易就能看出各个地区间数据的差异，并从中洞察规律 ...

1h

HMI智能化车载系统设计复盘

smart design system 服务于smart#1新一代智能化车载系统，通过前期的设计思维的分析、0到1搭建smart design system 车载自身控件库、到运用提供规范设计指南于组件化搭建来协助设计师与工程师使用，再到更新迭代整个设计流程全复盘，希望此整理的经验过程与方法论对大家入门HMI行业有所帮助。 HMI系统设计复盘从以下五个关键点入手: (一)分析背景需求  (二)提炼设计语言  (三)搭建设计规范  (四)原子组件协作  (五)更新迭代 (一) 分析背景需求 1）以系统化的视角来分析业务 首先大部分我们在接到项目后会快速的把需求转化为界面，但是如果缺少分析和思考逻辑缓解，设计就多会停留在视觉表面，设计思维被限制在方法论里，甚至需求偏差。所以要以找到设计策略为目的做项目背景分析。（有些分析背景，但是也不知道分析完是为了什么），所以同样一个事物，独立的看，和把它放到一个系统中看，我们可能会有不同的理解。 ...

1d

UI设计师如何快速学习blender

软件学什么？ 在学blender软件之前需要想好自己要学什么？这款软件就像photoshop一样，很多种岗位都能用它，而且功能种类非常多。所以需要先找到自己的目标。 作为UI设计师常用的是icon设计，banner设计，落地页, 启动屏，web设计，loading动画，甚至营销视觉都可以使用3D视觉效果提升视觉冲击力。 Blender工作流 blender的工作流程为：建模，灯光，材质，渲染。如果需要动画需要建模时考虑好，动画方式以及关键动画和运动节奏。 软件获取 软件下载：从官网http://blender.org 这个软件为免费开源。没有版权问题。可以放心使用 这个软件，推荐使用英文需要来学习，通常英文作为通用软件需要，很多软件都是相同的，可以在不同软件切换中降低学习成本。 ...

2d

小白自学C4D必备指南，从0-1教你正确学C4D！

导语 近年三维表现已经越来越多的融入到各种商业设计当中，在电商、品牌、UI、影视等各个领域都有广泛的运用。其中一个关键因素是C4D这款软件的出现，大大降低了3D设计的学习门槛。 C4D相对于专业性更强、功能较为复杂的3DMax、Maya、ZBrush等软件，界面更加简洁友好，对于没有接触过3D的的小白，学习成本更低。配合Octane、Redshift等渲染器，可以很快做出强视觉表现力的效果。凭借这种操作友好、易出效果的特性，C4D很快成为了近年最流行的3D设计软件之一。 本文结合作者自身的经验整理了一波自学的思路和技巧，希望能在大家学习C4D的过程中有所帮助。 前言 相信很多没有三维设计基础的小白，刚接触到C4D时会有无从下手的感觉，面对各种形形色色的命令菜单和工具面板，内心是这样的： ...

3d

7步搞定国潮复古图案-AI教程

前言：复古风的设计在国内特别流行，尤其是国潮风，今天的AI教程就是教大家来学学国潮风元素的设计过程，非常简单，重要7步就可以制作完毕，一起学起来吧！ ​ 教程/步骤 01. 两个路径一大一小圆形，如下。 02. 打开混合工具，设置指定步数，如下。 扩展两次 03. 两边画两个圆形，和最上面的圆一样大，放两边如下。 04. 路径查找器，切割，并扩展一下。 05. 复制，三个旋转对齐，如下。 06. 对象-图案-建立 设置好参数具体宽度，根据自己图形大小改变，对齐效果如图。 ...

4d

一周UI精选：外卖APP、食品UI以及2023插画欣赏

以下作品精选自Dribbble社区，均为人工精选，希望能给您带来设计灵感。 01. 2023 插画设计 by Haraki 点评：很新颖的设计，2023，新年新气象哦！ https://dribbble.com/shots/19777060-Halloween-themed-illustration-by-Outcrowd 02. 欢迎 2023 设计 by catalyst https://dribbble.com/shots/20267045-Welcome-2023 03. 外卖应用概念设计 by Sifat Hasan 点评：大圆角卡片和阴影的使用更有聚焦感，悬浮的卡片让风格更加Dribbble。 ...

4d

设计配图知识与图库资源分享

前言 设计配图是我们平时在设计工作中经常用到的，一个好的配图很多时候会直接影响到一个作品的好坏，图片本身也是一种视觉语言，通过学习跨领域的知识可以帮助我们提升自身所处的领域设计能力，本篇文章和大家讨论一些构图和景别知识，通过对这些知识的了解判断如何选择一个好的配图以及怎么应用好配图，大多数设计师选择配图时都是凭着主观意识在选择配图，你所选择的配图很大程度会受到你的主观意识的影响，这些主观意识来源于自身审美、文化、环境等因素的，因此在我们的主观意识基础上，应该具备一定的客观依据来帮助我们更好的选择合适的配图。 构图与景别知识在摄影、绘画、影视中应用很多，但很多设计师容易忽视这些知识，这些知识看似是摄影、绘画、影视等行业的知识与设计好像没太大关系，这些知识也是很有必要学习的的理论知识，对构图景别的理解很大程度会影响你能否把握好设计画面中的配图，配图本身也是一种视觉语言，提升构图和景别知识对设计师整体综合实力提升是有帮助的，当你做三维和插画等设计时同样也会用到这些知识，了解这些知识会让你以客观依据的角度，运用和判断设计中配图的好与坏。 ...

4d

会动的26个英文字母设计, 每个字母动画都很好玩

设计只有不断练习才能提升，有很多设计师在业余时间就会做一些训练。今天分享的会动的26个英文字母动画设计，就是由多个设计师在36天时间内完成的。 这不仅考验他们的造型创作能力，还能练习AE的动效设计技能，是一箭双雕的训练效果。 接下来一起看看会动的26个英文字母设计的作品吧。 作品来自： Weerlig StudioBakhtiyar AghabalayevReez KAZIMSahil Sadigov 作品地址：https://www.behance.net/gallery/80148359/36daysoftype-GIFS ...

5d

拆解淘宝首页粗糙的设计细节

前言：用了淘宝那么久，你知道它有哪些不足吗？今天文章盘点淘宝首页的一些粗糙的设计细节，你会发现京东反而比他更好。 最近突然想起要买一个东西，刚好手就放在键盘上，刚好手机又有点远，我就用浏览器打开了淘宝。 当我在搜索结果页点击商品时，突然被告知要登录： 着急想要了解商品的我……没有登录而是新开标签页进入了京东。 找到想要的商品后，我登录下单了。 事后我仔细对比了一下，发现淘宝的网页处处显得「敷衍」。反衬之下，京东显得专业多了。 这就让我有点惊奇了。 2021年阿里巴巴旗下以淘宝为代表的淘系零售电商占据过半市场份额（52%），是京东（20%）的两倍不止。 在使用手机端网购时，我也是向来更喜欢淘宝而不是京东的。 ...

6d

优秀设计背后的底层理论(网页和UI设计师需要知道)

设计趋势年年在变，设计技能也在不断更新，但回到本源，底层的理论知识是不会变的。我自己几乎每年还会翻看一些讲设计基础的书，比如《写给大家看的设计书》之类的，会发现这些原理每次看都会有新的收获。随着工作年数增加，对底层知识的价值认识也越来越深刻，不知道你会不会有这种感觉？ 在Medium上看到一位工作超过17年的国外设计leader写的一篇关于设计原理的文章，讲设计如何变得有效？总结得很好。文章很长，为了提高你的阅读体验，我打算分2期来更新，如若你能耐心看完，相信定会有收获！ 当没有认知紧张时，用户心流才会发生。当一个设计有效时，你才能体验到认知上的轻松。如果没有，你的“心流状态”就会中断(稍后会详细讨论)，让我们陷入认知紧张，于是“设计失败了”。 当基本设计原则被忽略时，这种情况很容易发生，导致设计无法“整合”。这些基本原则包括：平衡性、一致性和视觉层次、负空间、接近性、对比、统一、一致性、配色方案和排版层次等方面。（彩云注：很多人看到这些以为自己都懂，但实际设计时犯错最多的也是这些问题） ...

1w