-
UI设计缺乏细节？一个实战案例教你提升界面吸引力！
这次需要优化的案例是打卡页。打卡页的设计需要给用户提供满满的情绪价值，所以丰富的视觉元素必不可少。 来看看优化前的页面： 再来看看优化后的页面： 来看看，具体怎么实操的吧。 一、给头部增加视觉亮点 第1步 加入IP 本次的案例是运动赛的打卡页，所以我们可以加上符合运动主题的IP形象，形成差异化的设计： 第2步 设计标题 首先，主标题的字体当然要选用运营类的字体啦，如果没有复用的需求就去找AI生成一…- 3.9k
-
如何提升图标设计质感？两招教你搞定！
今天有同学的作业画了一个唱片机，有很多的问题，我们来看一下。修改前： 修改后： 给家分享一下修改的心得和注意事项。 一、结构比列 我们先从结构比例上来观察，唱片的大小不合适，超出了唱片机的范围。唱片也没有厚度，显得很单薄。最后是唱片机的高度很低，这样导致了最后的整体效果有些扁扁的，不够饱满的和立体： 所以我们需要把这些比例问题先调整出来。收回唱片的范围、增加唱片的厚度、增加唱片机的高度： 通过结构…- 5.8k
-
除了选择蓝白配色，健康和医疗类APP你还可以怎么深入设计？
编者按：如果你是医疗和健康相关的 APP 的设计者，你要怎么来设计？除了可以立刻想到的蓝白配色，你会怎样去构建整个产品的视觉、感官和体验？今天这篇来自 Mary Borysova 的文章，会详细分析不同医疗、健康类的 APP 的设计细节，完整地总结你还可以怎样去构建体验和感知。 2020 年 3 月美国热门健康与健身 APP 下载量排行榜 对于经常使用移动端健康类 APP 的人来说，64% 的人用…- 5.8k
-
做了1000多天的项目，终于把吉祥物设计流程搞清楚了！
我们做一组吉祥物，无非分为三个步骤：设定、延展、包装。 设定需要你的创意 延展需要你的张力 包装需要你的审美 那分别如何去实现呢，今天我来和大家分享一下。 一、设定-需要你的创意 其实在吉祥物设定阶段，有很多种创意方式，我们经常用的有三种：组合、行业、谐音 组合其实就是将两个不相干的事物组合到一起，比如像20世纪50年代“综合艺术”的代表作。艺术家将一只完整的安哥拉山羊标本穿过一个汽车轮胎，放置在…- 4.8k
-
动效设计不够流畅？收下这份超全面的实战宝典！
「关于动效节奏的问题，有什么好的方法可以提供吗？」 这算一个常见疑问，我总结收到的问题反馈，基本都是「动画节奏应该怎么做呀」「做完的动效一卡一卡的感觉不流畅怎么整」，索性借着今天的契机，我整理了这样一篇主题文章，分享我对于动效节奏的一点经验与思考，仅代表个人观点，欢迎交流探讨～ 在当今数字时代，动效设计已然成为了产品和服务中不可或缺的一部分。 无论是手机 APP、网页界面还是智能设备，动效设计或是…- 5.3k
-
大厂资深设计师帮你掌握弹窗组件设计
引言 随着互联网应用的不断发展，弹窗组件已经成为了界面设计中不可或缺的一部分。弹窗组件可以帮助我们更好地展示信息，提供更多的交互方式，以及增强用户体验。但是，设计一个好的弹窗组件并不是一件容易的事情。需要考虑的因素很多，比如弹窗的类型、场景、功能、样式等等。同时，弹窗是一把双刃剑，用的好能使用户行为更加聚焦从而提效，如果使用的不恰当，可能会使用户产生负面情绪甚至击退潜在用户。因此，本文将为大家系统…- 10.1k
-
0分钟画完大厂图标！拆解京东外卖的轻拟物图标设计思路
在新的图标课程中，我们打算更贴合真实项目中的场景，以解决工作中的图标绘制需求为目标规划内容。所以文章中讲解的图标设计案例，都会选用已经上线的大家最感兴趣的真实案例。 而今天我们选择讲解的案例，就是近期的焦点应用京东外卖首页中的快速入口图标。 一、轻拟物图标的基本认识 既然要完成它的设计，首先就要先分析它们的设计风格和特征，这类图标属于 “轻拟物” 风格。 轻拟物是拟物风格的变体，而拟物风格是模拟真…- 8.8k
-
全面解析！移动端「个人中心」界面设计趋势和思路解析
一、我的页面的基本分析 我的页面就是大多数应用底部导航中的最后一个选项，是个人中心的板块，用于管理你的账号信息、数据、服务，以及实现对应用本身的相关设置。 我的页面通常在具有账户系统的应用中才会使用，如果没有账户系统的基础应用（如天气、日历工具）就没有使用它的必要。 而还有两个类似的页面类型很容易和我的页面搞混，一个是用户个人主页，一个是系统设置页面，在这里我们做个简单的区分。 用户个人主页是用户…- 12k
-
作品总是没细节怎么办？实操案例带你掌握高手的优化技巧！
本次优化案例主打一个关注细节，一起来看看吧。 先来看看优化前： 再来看看优化后： 优化后是不是看上去顺眼很多？一起来看看都有什么干货吧！ 方向一：优化顶部 第 1 步：区分顶部卡片和背景 优化前的顶部卡片和背景糊在一起了，我们要做的是通过给顶部卡片加底色把它们区分开来： 第 2 步：给人物视觉元素调色 优化前的人物元素色调过于苍白，我们需要调节饱和度，曝光等使其视觉效果饱满： 第 3 步：优化排版…- 3.5k
-
简单易学出效果！11个工作常用的AE小技巧
一、APP 中常见动效技巧 1. 数字递增/递减表达式 我们在做进度百分比、红包中金额增长、放款金额时，经常能用到一类“数字递增/递减效果；比如如下： 此类情况可使用表达式： ①数字递增表达式 n=Math.floor(linear(time,0,5,0,2000)) 时间从 0S～5S 数字从 0～2000 递增 ②数字递减表达式 n=Math.floor(linear(time,0,5,100…- 4.5k
-
10个产品细节剖析，看看高手如何做好设计！
在产品设计中，有时候打动用户的就是一个小小的设计细节，就能带来亿点点惊喜。可能是一句情感化的文案，也有可能是差异化的操作体验，或者就是一个突出的视觉表达等，就能引起用户的共鸣。 本期就给大家筛选了十个带给用户惊喜的设计案例，希望可以激发大家的设计思维，我们共同进步。 一、趣味性的二层楼设计 利用下拉刷新进入二层楼的设计已经被广泛运用，无论是功能推广还是营销活动，都十分常见，创意方式也是层出不穷。 …- 3.3k
-
UI设计师必看！5个章节教你系统掌握Toast设计
在数字化产品的交互体系中，Toast 作为一种轻量级反馈组件，如同用户操作旅程中的“耳语提醒”——它不打断主线任务，却能在恰当的时机传递必要信息。Toast的设计绝非简单的“弹出提示”，而是需要融合场景逻辑、认知心理学与交互美学的系统工程。以下将从定义、核心设计原则、场景应用到未来发展方向几个方面，全面解析这个“小而美”的组件如何撬动用户体验的大价值。 一、Toast 的定义 一位前谷歌微软员工被…- 13.2k
-
设计被说不够精致如何提升？实战案例第二弹！
关于精度优化的小技巧，今天又来啦！ 咱们继续这个硬核又实用的系列。 直接开整！优化狠活来了！ 一、数据卡片 数字卡片1 当你的数据展示做成这样被老板说没有设计感，该如何优化呢？ 先看看优化前后对比图吧 步骤如下 ⬇️ ① 分析问题： 我们首先要搞清楚老板说的没有设计感，是形式感不够？还是信息排版出了问题？ 这里不难发现卡片是一个纯白色的矩形，过于普通；而信息排版的大方向 OK，但是数据这块儿，因为…- 5.2k
-
为什么高手的设计更有质感？4个方法教你优化UI设计！
为什么高手的设计总是看起来那么高级？如果分析你和高手之间的差距，往往拉开设计师水准的，不是什么奇技淫巧，而是细节。 来看看这次优化前的设计： 这是心愿卡页面的视觉重心——头部，我们看优化后的设计： 被惊艳到了吗？在这次的优化思路拆解中，我将向你分析优化的每一个设计细节，和背后的底层逻辑。 一、凸显主体 即使是优化前，作为图片的孔明灯，也是最吸睛的主体，那么，我们就一不做二不休，更加凸显主体。调色使…- 5k
-
让作品集快速上档次的包装技巧
最近在给大家批作业的时候，发现很多同学对于包装审美还是差一些，课上给大家实操了很多案例，今天给大家分享几个，比如一组的需求分析，包装的就不太行： 有点太随意了，包括文字的排版，还有标题前面的两个圆圈： 如果我来包装的话，一定要加点修饰，不能只是文字，比如加点图标或者加点卡片，我可以先把卡片加上，这样会更加有聚焦的感觉： 这时候我们可以想办法加点颜色区分，比如用产品的主色： 然后可以再给圆圈里面加点…- 4k
-
提升作品集最快的方式：5个要点帮你选好配图
APP 配图的选择逻辑 APP 的配图首先要遵循一些基本原则，保证其可看性，主要有下面这些要求： 比例正确：置入进画布比例是正常的没有被拉伸 内容相关：画面内容和应用场景是关联的，不是宠物照片用了双鞋子特写 画面完整：内容能展示全，而不是主体残缺，比如证件照人脸鼻子上方被截断 画质清晰：画质能达到展示要求，而不是网上被 “盘包浆” 的低质图片 前后关联：指向同一个对象的图片就应该统一，而不是一个用…- 11.2k
-
为什么你的图标不够专业？大厂高手用实战案例教会你！
2024 年 58 同城迎来了意义深远的企业文化焕新，借此东风，我们顺势完成了产品视觉的全面升级。并确定了简单有效，美好安乐，多元融合和自然生长作为主要原则的设计理念。这一理念，不仅是对产品视觉升级的指引，更是我们与用户建立深度连接的精神纽带。 在着手 icon 设计之初，老子《道德经》中“大方无隅”一词在我脑海闪现，而其体现出的开放，包容，和谐，自然等哲学观，与我们的设计原则不谋而合。为此次 i…- 4.3k
-
6个产品细节剖析，看看高手是如何做设计的！
1. 大众点评-榜单入口的巧妙设计 大众点评首页榜单入口巧妙运用动画，在有限的区域内强化了用户对必吃榜的品牌认知。 动效吸引：首页榜单入口使用翻页动画，吸引用户注意。翻页效果及标签出现的动画一气呵成，翻页的过程能够激发用户的期待感，提升他们对榜单内容的兴趣。 品牌感知强化：通过动效效果，在有限的区域内展示大众点评必吃榜品牌，有效强化了用户对必吃榜的品牌认知。 2. 腾讯地图-美观与实用兼得的动效设…- 2.1k
-
面试官说UI界面没亮点？试试这3个方法！
UI 设计界面不像运营视觉的页面，它没有那么多强视觉、花里胡哨的东西，我们大多时候需要在排版上发力，整合组织信息，只为了能更好地服务用户使用页面中的功能。 当然在页面上还可以增加更多的设计细节，那怎么去丰富这些特别的设计细节呢？这里就跟大家分享三个方法，分别是异形、破界、分割。 一、异形 将常见的图形做一些变换，让它的形状不常规，是丰富页面设计细节快速又有效的方式。 这里分享四种异形卡片的做法： …- 2.7k
-
大厂实战！设计师如何让直播间数据翻倍？
一、市场环境 流量平台方面：2022 年 1 月 26 日，覆盖蓝领群体的短视频平台快手推出了蓝领招聘业务“快招工”，现升级为“快聘”，开始构建以信任为中心的蓝领招聘关系和直播带岗模式，为用工企业和蓝领用户搭建就业平台。2022 年下半年，抖音开设“直播招聘白名单”，允许直播代岗。招聘行业得到流量平台大力支持。 企业+服务商方面：目前有多家企业和服务商都开始加入直播招聘，如比亚迪、富士康、TCL、…- 4.4k
扫码打开当前页
微信小程序
关注关注号
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×
