-
如何提升图标设计质感?两招教你搞定!
今天有同学的作业画了一个唱片机,有很多的问题,我们来看一下。修改前: 修改后: 给家分享一下修改的心得和注意事项。 一、结构比列 我们先从结构比例上来观察,唱片的大小不合适,超出了唱片机的范围。唱片也没有厚度,显得很单薄。最后是唱片机的高度很低,这样导致了最后的整体效果有些扁扁的,不够饱满的和立体: 所以我们需要把这些比例问题先调整出来。收回唱片的范围、增加唱片的厚度、增加唱片机的高度: 通过结构…- 4.8k
-
保姆级教程帮你掌握「用户体验要素」
一、什么是<用户体验要素> Jesse James Garrett 在 2007 年出版了《用户体验要素》一书,提出了从 5 个要素自下而上的建设用户体验。五要素分别为:战略、范围、结构、框架、表现。 战略层关注的问题是为什么做?—— “我们为什么要开发这个产品?” 范围层关注的问题是做什么?——“我们要开发的是什么?” 结构、框架、表现层则需要解决怎么做?——“我们如何达到上述抽象层…- 3.3k
-
让作品集快速上档次的包装技巧
最近在给大家批作业的时候,发现很多同学对于包装审美还是差一些,课上给大家实操了很多案例,今天给大家分享几个,比如一组的需求分析,包装的就不太行: 有点太随意了,包括文字的排版,还有标题前面的两个圆圈: 如果我来包装的话,一定要加点修饰,不能只是文字,比如加点图标或者加点卡片,我可以先把卡片加上,这样会更加有聚焦的感觉: 这时候我们可以想办法加点颜色区分,比如用产品的主色: 然后可以再给圆圈里面加点…- 3.3k
-
为什么你的图标不够专业?大厂高手用实战案例教会你!
2024 年 58 同城迎来了意义深远的企业文化焕新,借此东风,我们顺势完成了产品视觉的全面升级。并确定了简单有效,美好安乐,多元融合和自然生长作为主要原则的设计理念。这一理念,不仅是对产品视觉升级的指引,更是我们与用户建立深度连接的精神纽带。 在着手 icon 设计之初,老子《道德经》中“大方无隅”一词在我脑海闪现,而其体现出的开放,包容,和谐,自然等哲学观,与我们的设计原则不谋而合。为此次 i…- 2.9k
-
AI 会取代画图标的UI设计师吗?看完这篇实测我放心了!
用过 AI 生图的设计师应该都有这样的体验:越抽象、越极简的描述,反而越难生成满足需求,例如图标。 尤其对于 UI 设计师来说,icon 是最基础、也最高频的视觉资产:导航栏、金刚区、工具栏等都离不开它,尤其在移动端项目里,简单轻爽、风格一致性是刚需。 最近我集中测试了几款 AI 生成工具,发现图标生成普遍存在 3 个痛点:风格偏 2.5D、写实、轻拟物等,这些图标风格更偏向 C 端,但是对于 B…- 2.7k
-
为什么高手的设计更有质感?4个方法教你优化UI设计!
为什么高手的设计总是看起来那么高级?如果分析你和高手之间的差距,往往拉开设计师水准的,不是什么奇技淫巧,而是细节。 来看看这次优化前的设计: 这是心愿卡页面的视觉重心——头部,我们看优化后的设计: 被惊艳到了吗?在这次的优化思路拆解中,我将向你分析优化的每一个设计细节,和背后的底层逻辑。 一、凸显主体 即使是优化前,作为图片的孔明灯,也是最吸睛的主体,那么,我们就一不做二不休,更加凸显主体。调色使…- 3.4k
-
全面解析!移动端「个人中心」界面设计趋势和思路解析
一、我的页面的基本分析 我的页面就是大多数应用底部导航中的最后一个选项,是个人中心的板块,用于管理你的账号信息、数据、服务,以及实现对应用本身的相关设置。 我的页面通常在具有账户系统的应用中才会使用,如果没有账户系统的基础应用(如天气、日历工具)就没有使用它的必要。 而还有两个类似的页面类型很容易和我的页面搞混,一个是用户个人主页,一个是系统设置页面,在这里我们做个简单的区分。 用户个人主页是用户…- 7.1k
-
UI设计师必看!5个章节教你系统掌握Toast设计
在数字化产品的交互体系中,Toast 作为一种轻量级反馈组件,如同用户操作旅程中的“耳语提醒”——它不打断主线任务,却能在恰当的时机传递必要信息。Toast的设计绝非简单的“弹出提示”,而是需要融合场景逻辑、认知心理学与交互美学的系统工程。以下将从定义、核心设计原则、场景应用到未来发展方向几个方面,全面解析这个“小而美”的组件如何撬动用户体验的大价值。 一、Toast 的定义 一位前谷歌微软员工被…- 9k
-
面试官说UI界面没亮点?试试这3个方法!
UI 设计界面不像运营视觉的页面,它没有那么多强视觉、花里胡哨的东西,我们大多时候需要在排版上发力,整合组织信息,只为了能更好地服务用户使用页面中的功能。 当然在页面上还可以增加更多的设计细节,那怎么去丰富这些特别的设计细节呢?这里就跟大家分享三个方法,分别是异形、破界、分割。 一、异形 将常见的图形做一些变换,让它的形状不常规,是丰富页面设计细节快速又有效的方式。 这里分享四种异形卡片的做法: …- 2k
-
作品总是没细节怎么办?实操案例带你掌握高手的优化技巧!
本次优化案例主打一个关注细节,一起来看看吧。 先来看看优化前: 再来看看优化后: 优化后是不是看上去顺眼很多?一起来看看都有什么干货吧! 方向一:优化顶部 第 1 步:区分顶部卡片和背景 优化前的顶部卡片和背景糊在一起了,我们要做的是通过给顶部卡片加底色把它们区分开来: 第 2 步:给人物视觉元素调色 优化前的人物元素色调过于苍白,我们需要调节饱和度,曝光等使其视觉效果饱满: 第 3 步:优化排版…- 1.6k
-
设计被说不够精致如何提升?实战案例第二弹!
关于精度优化的小技巧,今天又来啦! 咱们继续这个硬核又实用的系列。 直接开整!优化狠活来了! 一、数据卡片 数字卡片1 当你的数据展示做成这样被老板说没有设计感,该如何优化呢? 先看看优化前后对比图吧 步骤如下 ⬇️ ① 分析问题: 我们首先要搞清楚老板说的没有设计感,是形式感不够?还是信息排版出了问题? 这里不难发现卡片是一个纯白色的矩形,过于普通;而信息排版的大方向 OK,但是数据这块儿,因为…- 4.1k
-
设计被说不够精致如何提升?4个实战案例带你进阶!
在上期有关设计“精度”的文章发布后,我们收到了大量设计师的积极反馈,很多读者表示通过简单的细节调整,确实提升了作品的视觉品质。 所以今天,我们带着精度优化指南 2.0 来啦,聚焦那些容易被忽略,但能提升视觉效果的设计细节,快快学起来吧! 老规矩,上干货! 一、按钮精度 当你的按钮做成这样被客户说“不行,这样也太普通,太随意了”,你是否没有头绪该如何优化? 不慌!我们带着精度提升小技巧来了,先看看局…- 4.2k
-
除了选择蓝白配色,健康和医疗类APP你还可以怎么深入设计?
编者按:如果你是医疗和健康相关的 APP 的设计者,你要怎么来设计?除了可以立刻想到的蓝白配色,你会怎样去构建整个产品的视觉、感官和体验?今天这篇来自 Mary Borysova 的文章,会详细分析不同医疗、健康类的 APP 的设计细节,完整地总结你还可以怎样去构建体验和感知。 2020 年 3 月美国热门健康与健身 APP 下载量排行榜 对于经常使用移动端健康类 APP 的人来说,64% 的人用…- 4.1k
-
0分钟画完大厂图标!拆解京东外卖的轻拟物图标设计思路
在新的图标课程中,我们打算更贴合真实项目中的场景,以解决工作中的图标绘制需求为目标规划内容。所以文章中讲解的图标设计案例,都会选用已经上线的大家最感兴趣的真实案例。 而今天我们选择讲解的案例,就是近期的焦点应用京东外卖首页中的快速入口图标。 一、轻拟物图标的基本认识 既然要完成它的设计,首先就要先分析它们的设计风格和特征,这类图标属于 “轻拟物” 风格。 轻拟物是拟物风格的变体,而拟物风格是模拟真…- 6.3k
-
界面平淡无亮点?掌握这 3 招,轻松打造高级感界面
工作中,咱们每个人或多或少都会碰上极简风格的设计,但很多朋友都会有一个疑惑:为啥别人的界面舒服又高级,但我却做不出人家的感觉呢? 其实,极简风格也有一定的套路,今天我会以一套手表 UI 为例,从造型、色彩、排版 3 个点与你分享。 一、造型 1. 造型简洁,以基础型为主 画面中的图形元素,不要选太复杂的造型,咱们优先挑选一些偏基础型的图形作为主视觉,这样能保证咱们的页面风格不会出现大的问…- 8.6k
-
移动端表格页如何设计?给你5个解决思路!
如何在移动端设计表格?这似乎是一个设计难题。 对于表格来说,它本身需要大量的空间,需要大范围地滑动查看详细的信息。但在手机这样狭小的空间当中,我们真的很难进行操作。 但产品提出各种需求就是“我要我要”,那今天给大家分享一下移动端表格的设计思路。 首先我们先说说移动端表格的痛点。 因为手机本身是以竖屏为主,而对于表格这类数据形态时是以横屏为主,所以在内容呈现上就会存在明显的差异,就像横屏长视频与竖屏…- 19.2k
-
想快速进阶?先学会有理有据分析UI界面
一、界面的问题分析能力 首先做 UI 我们肯定需要具备一定的界面分析能力,能对界面的好坏形成客观和主观的不同理解。 主观分析任何人都可以做到,因为看到任何设计都会形成自己的个人感受,只要把这些感受总结出来就行。而专业的设计师懂得如何在主观基础上,进一步用专业的思路去分析它,形成相对客观的结论。 不是说主观观点就没用,而是作为专业人士看到设计作品时不能只会情绪输出,还必须掌握专业的分析和辨识能力。 …- 4.5k
-
动效设计不够流畅?收下这份超全面的实战宝典!
「关于动效节奏的问题,有什么好的方法可以提供吗?」 这算一个常见疑问,我总结收到的问题反馈,基本都是「动画节奏应该怎么做呀」「做完的动效一卡一卡的感觉不流畅怎么整」,索性借着今天的契机,我整理了这样一篇主题文章,分享我对于动效节奏的一点经验与思考,仅代表个人观点,欢迎交流探讨~ 在当今数字时代,动效设计已然成为了产品和服务中不可或缺的一部分。 无论是手机 APP、网页界面还是智能设备,动效设计或是…- 3.5k
-
大厂资深设计师帮你掌握弹窗组件设计
引言 随着互联网应用的不断发展,弹窗组件已经成为了界面设计中不可或缺的一部分。弹窗组件可以帮助我们更好地展示信息,提供更多的交互方式,以及增强用户体验。但是,设计一个好的弹窗组件并不是一件容易的事情。需要考虑的因素很多,比如弹窗的类型、场景、功能、样式等等。同时,弹窗是一把双刃剑,用的好能使用户行为更加聚焦从而提效,如果使用的不恰当,可能会使用户产生负面情绪甚至击退潜在用户。因此,本文将为大家系统…- 7.7k
-
如何专业的搭建色彩系统?6个步骤讲清楚
一、什么是色彩梯度? 一个色彩梯度,可以理解为一个色彩范围,指的是颜色如何以平滑和连续的方式从亮过渡到暗的视觉表现。 在设计系统中会用色彩梯度来创建颜色目录,然后用这些不同的色彩值应用到不同的设计元素,交互状态,插图以及其他一些品牌设计资产。 以单色紫色以及它的色彩梯度为例,500 标记的是它的品牌主紫色 1. 从品牌色开始 一旦你确定了你的品牌色板,就可以开始创建色彩梯度了。这个目标一般不会改变…- 4.8k












