-
UI界面做好留白分割,页面就会成功一半
作为一名合格的UI设计师,用好留白分割、线性分割、卡片分割,你的页面即成功了一半!据信息条目复杂度的不同,可以选择合适的分割方式来提升页面的视觉效果和用户体验。信息分割本身不是目的,而是为了产生清晰的条理性,用悦目的信息秩序来更好的突出内容,达成最佳的信息传达效果。 留白分割≧线性分割≧卡片分割 留白分割定义:指的是只通过增加间距的方式,利用人的视知觉原理(接近法则:人的大脑会倾向于把彼此靠近的元…...- 0
- 0
- 230
-
为什么西方的 APP 更追求简约设计?来看高手的6300字分析!
关于东西方的设计偏好的研究从来没停止过。之前 Bas Wallet 在《为什么有的国家和地区会青睐更复杂的UI界面?》这篇文章中曾详细阐述了 UX 对于用户偏好的影响,今天这篇文章行在此基础上,更加深入地探讨了不同文化背景下的设计偏好是如何形成的。 以下是正文: 我曾一度在亚热带岛屿马耳他工作,由于我来自一个寒冷的国家,所以理所当然地,我的亲朋好友也会好奇这里到底如何,前来探望。 我的母亲当时就来…...- 0
- 0
- 284
-
4张海报设计分析,帮你快速提高审美水平(七)
能看出来大家非常喜欢海报解析的形式,今天依旧给大家带来的是一波海报解析,我会从构图,色彩,构成,字体选用等等方面摘出一些我觉得值得说的东西,帮助大家快速理解一张海报的优势和不足,让大家能够简单的提升自己的眼界和看设计的角度,如果喜欢可以点赞转发非常感谢! 案例一 字体(Font ) 非常不好意思今天第一份设计选择了我之前自己做的促销海报,字体整体选用了黑体字形,标题的字体也是基于黑体做的形态调整,…...- 0
- 0
- 248
-
用AI生成图标的提示词Prompt ,看这篇文章就够了!
Halo,这里是设计夹,今天分享的是「AI 图标设计」。 对于整个界面来说,图标属于相对细节的设计元素,那么功能强大的 AI 工具能否生成符合我们要求的图标呢? 本次精选 20+AI 关键词提示,协助大家快速生成不同类型和风格的图标,满足更多的设计使用场景,一起来看看吧~ 一、APP 启动图标 我们先从启动图标开始。APP 的启动图标代表着这款产品的品牌形象,是特殊且重要的图标类型。当前简约的启动…...- 0
- 0
- 1.9k
-
这4个全球统一的符号设计,99%的人都不知道起源!
当你按下主机电源键时,是否思考过电源按钮为何如此设计?一段圆弧和直线便让你不假思索按下按钮? 生活中习以为常的符号,背后都隐藏着一段鲜为人知的历史。今天分享几个符号起源的冷知识: 电源开关 播放与暂停 蓝牙 点赞为什么要竖起大拇指? 一、电源开关 早期的电子设备使用翘板开关(rocker switch),存在两个档位,因此需要符号来告知用户状态是“开/On”还是“关/Off”。随着开关零件的全球普…...- 0
- 0
- 247
-
一致性和创造力可以共存吗?(标准化的悖论)
(来源:betterprogramming.pub) 设计需要多样化且复杂的技能。 您必须处理大量信息以了解最终用户的需求和愿望,然后创造性地、自信地实施解决方案,同时尊重其他利益相关者的需求及其资源(时间、金钱等)。当然,设计不仅仅局限于设计事物的学科,还适用于设计人与机器之间的交互、信息和材料的可持续工作流程,甚至工作任务本身。设计对众多行业具有深远的影响。无论行业或应用,良好设…...- 0
- 0
- 193
-
超全整理!圣诞节海报设计的10种思路方法+200张案例灵感!
hi,大家好,我是鱼先生!不止会设计的 90 后解忧大叔。 圣诞节将近,本期鱼先生就以圣诞节为主题,为大家总结 10 种圣诞节海报版式设计的方法创意,本文共 3500 字+200 张案例,希望可以给鱼友提供一些设计灵感。 注:本文案例仅作为学习交流分享,不作商用。 OK,直接开始干货吧! 拼接的形式真的非常好用,可以利用字体、产品元素、行业相关等元素进行拼接,拼接的形状建议使用常见的圣诞元素为根本…...- 0
- 0
- 412
-
海报设计没创意?试试这5个思路!
在讲创意之前我还要提一句,其实我们很多商业设计所用到的很多都是基于我们之前讲到的那些东西,用到创意的其实并不多,就像下面这个图够不够商业,够。视觉形式怎么样,可以。 但是有创意吗?其实并没有什么特别的创意,仅仅是通过简单的组合就能达到这样的效果,也就是说只要把基本功打扎实设计就能基于理性创作。 感官视觉化,简单的来说就是让不可见的东西看见,或者让没那么明显的东西明显起来。比如如何让声音视觉化,可以…...- 0
- 0
- 264
-
动态标签设计被投诉,为什么数据却猛涨十倍?
事情是这样的,近期 58 租房推出了视频找房频道,因为房源视频都是经纪人自己拍摄,所以视频质量良莠不齐。本着提升 C 端看房体验的目的,所以产品定制了相应的策略目标,需要迫切提升高质量视频的覆盖量。 一、事情的经过 58 的租房经纪人发布管理房源有统一的后台,所以需求很明确,在房源列表页增加一个视频质量标签即可,用户通过标签可直接看到视频质量如何,鼠标 hover 提示原因,点击可直接操作修改。其…...- 0
- 0
- 171
-
大厂出品!如何基于Figma 做好团队设计文件的整理?
一、为什么要做设计文件整理 灵犀是一个多产品线的部门,目前高频迭代的就包括外贸通、灵犀办公、云笔记等多个产品,外贸通作为一个庞大的产品线又细分了多条业务线,截至目前灵犀设计文件已多达 300+。日积月累的设计资产是设计的一笔财富,但同时也带了一系列的问题,比如不同产品线、业务线的设计资源整理方式不统一,跨业务线团队协作起来相互的文件难以查找,同一团队需求迭代时历史文件查找效率低,以及上下游同学查找…...- 0
- 0
- 428
-
超好用!2024 Figma必备10个神级插件
Figma 为设计师提供了灵活、高效、协作友好的设计环境,已经成为许多设计团队首选的工具之一。社区的插件是设计师们提升工作效率不可或缺的神器。 今天为大家整理了 2024 Figma 新手必备的十大神级插件,无论是简化工作流程、提升设计效率,还是解锁全新的创意维度,这些插件都将成为你不可或缺的利器,助你轻松应对各类设计挑战,释放创意的无限可能。 一、FigmaCN 中文 Figma 插件,设计师人…...- 0
- 0
- 1k
-
保姆级教程!手把手教你从零开始创作一款字体
电脑系统:Windows 所用软件:Adobe Illustrator、FontCreator 背景:在工作中常常因为字体的版权、特殊字符的适配、以及字体不完整的情况导致自己工作上出现一些麻烦。几年前国内几个大厂也逐渐开始设计自己的字体,比如阿里巴巴普惠体、腾讯字体、小米兰亭等。越来越多的设计团队,企业都开始打造一款属于自己的字体。在字库制作方面,市面上始终没有一个讲述特别完整的教程,我也是翻了很…...- 0
- 0
- 19
-
超全干货!这篇文章帮你彻底搞清 iOS 和 Android 的设计差异
国内设计师在做 app 的时候很少考虑 2 个平台的差异,在没有进行这个报告之前,我可能粗浅觉得 2 者越来越趋同,在设计上完全可以用一套设计稿去做,在整理完之后才发现其实有很多不一样的地方,这个报告告诉你,这些差异需要了解,但不一定就要分开去做,这样能更好的了解 2 者的区别,更快节约成本,且更符合 2 个平台用户的操作习惯。 国内的 APP 大部分以 iOS 的规范去起稿,部分 APP 有做 …...- 0
- 0
- 1.3k
-
从哈罗单车上锁,聊聊任务链路优化设计的思路
一、起因 最近突然喜欢听着小曲蹬着车子,不过我没有自行车,所以就选用了大众款蓝色哈罗单车,不过有意思的是发现整个用车体验跟原来有了不少变化,除了车的外观差异,更让我印象深刻的是还车时只需要在手机上进行操作即可,不知道大家是否还记得原来的还车过程,这里我帮大家回忆一下; 这个过程本身没什么问题,但实际上匆匆忙忙的大家忘记手动上锁还车时有发生,并且当你想起来的时候,手机上也只能干看着扣费,还得折返回去…...- 0
- 0
- 377
-
可能是全网最系统教程!6个章节帮你快速掌握 UI 配色方法
一、平面和 UI 配色的差异 学习 UI 配色,就绕不过去平面配色的各类知识点、概念、技法,虽然 UI 设计原则上也是平面设计的一种,但在配色上却有很大的差异,不能直接照搬平面配色的逻辑。 平面和 UI 配色的差异主要由下面三点组成: 静态和动态的差异 色彩模式的差异 品牌输出目标差异 第一点,也是最重要的一点,就是平面设计的对象是“静止”的,在设计被制作出来后就被固定。而 UI 设计的对象是 “…...- 0
- 0
- 210
-
新手设计师该如何定义抄袭、借鉴、临摹和原创?
原创这个概念可能很多人是理解的 但是抄袭、借鉴、临摹三者之间的关系大家貌似就不太能区分了 我们先来看几个问题: 我想象了一下这位同学的描述,最终得出的结论是,如果你原封不动把这 ABCD 的内容临摹下来,并且一点都不做出改动,那依然将会被视作是抄袭,而不是借鉴。但如果你懂得适当的调整,最终得到的作品有了自己的特点,让人一眼都认不出和原来的作品有明显的相似之处,那就只能算是借鉴。而能力更强的人,他能…...- 0
- 0
- 1.4k
-
做了这么久设计,做为平面设计师的你竟然还不了解纸张?
当我们来到印刷厂会看见印刷机的输纸台下面堆着一摞纸,机器一开动,纸就一张一张地进去,变成印刷品一张一张地出来,这种单张纸印刷是大多数书刊、画册、海报采用的印刷方式。 一、全张纸 平板纸出厂时被裁切成一定的尺寸,供大幅面单张纸印刷机使用,这叫“全张”,全张也可被印刷厂进一步分切成较小的幅面用于各种型号的单张纸印刷机。 全张的面积是整个造纸业和印刷业一致采用的特定规格。在我国,使用最多的是这几种规格,…...- 0
- 0
- 172
-
求职季福利!UI/UX作品集保姆级设计指南
虽然我写了不少关于作品集相关的文章和视频,但是好多同学在面对 UI 作品集包装的时候还是会不知道如何下手。特别纠结的几个问题: 我该放什么项目 我要怎么着手包装 怎么样才能避免同质化 有这些问题的原因也很简单: 从来没有或者很久没有包装过作品集了 参与的需求太零碎不知道怎么整合 不知道要包装成什么样子才能突出自己的优势和别人不同,市面上同质化作品集太多了。 好,那我们一点一点来解决。 一、如何避免…...- 0
- 0
- 280
-
7000字干货!一份超详细的用户体验地图实战攻略
一、 什么是用户体验地图? 用户体验地图(User Experience Map)是一种用于可视化展示用户在与产品或服务互动过程中所经历的各个接触点和体验的工具。它帮助团队深入了解用户的行为、情感和痛点,从而优化用户体验。 用户体验地图(User Experience Map)是产品设计前期——用户研究中很重要的一部分,视角化和图表的方式,从用户的角度来表现其和产品/组织/服务交互的过程,是连续的…...- 0
- 0
- 174
-
2024年图标设计流行趋势
图标是用户界面中的无名英雄,默默地引导着用户的数字之旅,并在品牌和受众之间建立联系。但问题是:数字领域图标设计趋势的发展速度比科技初创公司的 “电梯演讲 “还快,如果跟不上潮流,你的产品就会像昨日黄花。 你确定你的图标能胜任这项任务吗?它们是否与 2024 年及以后的最新趋势保持一致?否则,您可能会在不经意间给用户体验带来摩擦、困惑和挫败感–这三点是您无法承受之重。 因此,如果你已经准备好踏上重新…...- 0
- 0
- 441
-
如何使用Strings Method来改进 UI 设计
有时,当您构建 UI 或尝试分析竞争对手的应用程序时,您会注意到 UI 出现问题,但无法确定问题所在。它只是看起来不对,或者没有很好地对齐,或者很吵。 如果你需要让UI看起来更专业、更干净,可以使用Strings Method来快速清理。 让我们先看一下这个屏幕,它明显有噪音并且对齐得不好: UI设计中如何使用Strings方法 第一步,我们需要水平扫描屏幕的每一行,并在每次看到路径上的任何新对象…...- 0
- 0
- 287
-
用Figma做做游戏UI的视觉设计
本文将介绍使用Figma进行游戏UI设计的探索。随着游戏行业的不断发展,游戏UI设计变得越来越重要。Figma是一种强大的设计工具,拥有协作和团队功能,因此越来越多的游戏UI设计师开始使用它进行设计。我们将探索使用Figma进行游戏UI设计的优点和挑战,分享如何使用Figma创建游戏UI设计,以及如何利用其协作和团队功能来提高工作效率和质量。本文还将介绍一些设计技巧和最佳实践,以帮助游戏UI设计师…...- 0
- 0
- 1.1k
-
用一篇实战案例,助你掌握这个一学就会的配色方法!
本期通过一则运动鞋广告设计示范,跟大家分享根据主体色进行配色方法。 配色基础: 首先把产品和主要文字信息放置在画面中,英文放大作为背景装饰,把产品叠压在英文上,这样会形成背景、英文、产品、文字信息四个层次。 现在画面整体太过平稳和呆板,加入一些装饰小元素和英文来丰富画面的视觉效果。 排版处理好以后接下来进行颜色的搭配。 根据主体的颜色,选取同类或相邻色相作为主色,是非常简单实用的配色方法。如产品颜…...- 0
- 0
- 749
-
体验设计和服务设计有什么区别?来看看高手的分析!
对很多设计师来说,“服务设计” 并不是一个陌生的概念,经常会有同学问我:“「体验设计」和「服务设计」的区别是什么?为什么公司里没有「服务设计师」这个岗位?”今天我们就来聊聊这个话题。 一、概念区分 我们从以下 5 个角度 比较下体验设计和服务设计的区别: 1. 设计所面对的对象 体验设计:某款产品 / 某条业务线的用户。 服务设计:整条服务链路中的所有利益相关方,包括: 服务接受方(如产品/ 服务…...- 0
- 0
- 680