-
颜色调色技巧
颜色是通过眼、脑和我们的生活经验所产生的一种对光的视觉效应。 颜色有很多种,对比色、互补色都是绘画过程会用到的颜色。 三原色=红色、黄色、蓝色 红色 黄色=橙色 黄色 蓝色=绿色 蓝色 红色=紫色 朱红色 黑色少量 = 啡色 天蓝色 黄色 = 草绿、嫩绿 天蓝色 黑色 紫 = 浅蓝紫 草绿色 少量黑色 = 墨绿 天蓝色 黑色 = 浅灰蓝 天蓝色 草绿色 = 蓝绿 白色 红色 黑色少量 = 禇石红 …...- 0
- 0
- 2k
-
移动端常用组件用法解析:对话框的UI设计
一、定义 一种模态①窗口。它在用户需要做出选择或输入信息时出现,直到用户做出选择或取消操作之前,会阻止与应用的其他部分交互。 ①模态:特定的界面状态或行为,其中用户的交互被限制在某个特定的界面元素上,直到完成一个特定的任务或操作。 二、触发场景 对话框(Dialog)通常用于以下几种主要场景: 1. 确认操作: 当应用需要用户确认执行重要或潜在风险的操作时,如删除文件、清除数据或退出账户等。 2.…...- 0
- 0
- 249
-
超全面的文章!帮你学会西文字体排印的基础知识
去年 10 月,我向一位书籍设计师朋友讨教该如何调整行距,本希望他可以给我一些专业意见,然而他给我的回复是凭感觉调整。他的回答无疑是不专业的,联想到自己学习和工作经历,不禁觉得数字时代好像设计师对字体排印越来越陌生。作为一项设计师必备的能力,笔者深感字体排印的重要性,因此有了这篇文章。由于笔者长期从事海外产品的设计工作,所以本篇会在“西文”语境下分享字体排印的相关知识,为大家做好西文字体排印提供理…...- 0
- 0
- 269
-
从“去我的收藏夹吃灰”聊起,如何从产品角度解决信息过载问题?
有了互联网以后,大家都会发现信息的获取越来越方便,但同时也会发现,信息过载的问题更加严重。人接受处理信息的能力是有限的,面对这个问题,如果你是产品经理,该如何解决? 什么是信息过载? 信息过载定义部分其实较为明确,引用百度百科的解释如下: 信息过载是指社会信息超过了个人或系统所能接受、处理或有效利用的范围,并导致故障的状况。 而对于这个定义,我们需要了解的只有三点: 当下社会信息生产严重过剩; 获…...- 0
- 0
- 983
-
如何做好引导页的设计?来看看京东高手的总结(附案例)
接触一款新的 APP 时经常会看到一系列引导页,但在操作时,大多数用户会选择快速滑过或跳过,甚至会觉得这些页面很无用,然而引导页的设计调性会让用户对产品留下第一印象,它已经成为一个产品中仪式感的存在。每次产品迭代更新,会通过引导页的形式能让用户最先感知到产品的迭代优化点。以下是关于引导页的整理与分析,并通过 1 号店新人引导页设计案例进行方法总结。 欢迎关注「JellyDesign」的小程序:...- 0
- 0
- 199
-
大厂高手出品!如何撰写包容性 UI 文案?
语言可以使一个或多个群体的刻板印象永久化, 将这些群体与具体的特征、能力、技能或行为绑定起来。作为设计师,撰写包容性 UI 文案能避免强化刻板印象。但是,我们的思想和行为天生往往在不经意间就带有偏见。 使用包容性语言,意味着语言和文字表达方式不对某个特定群体构成歧视,也不固化陈规定型观念。鉴于语言在塑造文化和社会态度方面发挥关键作用,使用包容性 UI 文案是促进平等和打击偏见的有力手段。 作为设计…...- 0
- 0
- 158
-
那些大厂产品的体验亮点,我都帮你找好了
如何提升交互能力? 很多刚入门的小朋友不知道怎么提升设计能力,其实有一个很简单的方法,那就是“收集”!之前我做了很多次的收集任务。 比如刚开始不知道怎么做UI界面,所以收集了很多界面。通过不同页面类型来区分参考素材,比如主页/首页,订单页/个人中心/列表页。 那么所有的页面都可以分为这么十几类,当你不会做的时候就可以看看别人是怎么做的。这样起码就不用担心没…...- 0
- 0
- 571
-
网页UI设计之注册流程的 5 个最佳实践(附示例!)
要设计更好的注册流程,首先应保持简单,仅询问必需信息,若需额外信息可分步进行,避免一次性提供过多信息导致用户放弃注册。使用示例表明分步骤注册能提升用户完成率,如Airbnb和Jira的做法。此外,提供社交登录方式能简化注册过程,自动获取基本信息,无需单独创建密码。密码字段应有说明及即时反馈,帮助用户创建符合要求的密码,Airbnb和Spotify均有成功案例。允许用户查看输入的密码能减少错误输入,…...- 0
- 0
- 80
-
photoshop 2021快捷键大全
一、工具箱 (多种工具共用一个快捷键的可同时按【Shift】加此快捷键选取) 矩形、椭圆选框工具 【M】 裁剪工具 【C】 移动工具 【V】 套索、多边形套索、磁性套索 【L】 魔棒工具 【W】 喷枪工具 【J】 画笔工具 【B】 橡皮图章、图案图章 【S】 历史记录画笔工具 【Y】 橡皮擦工具 【E】 铅笔、直线工具 【N】 模糊、锐化、涂抹工具 【R】 减淡、加深、海棉工具 【O】 钢笔、自由…...- 0
- 0
- 1.3k
-
toB设计系统 – 在平平淡淡中开花结果
年少时,经常听到身边的同事聊一些名词概念,羡慕之余犹豫羞于提问,导致我经常会陷入其中无法自拔,痛苦不已;过了这么多年,大多数概念都随着工作的原因慢慢被理解和消化,或逐渐消失或不再提及。但唯独,“设计系统”这个词阴魂不散,反反复复的出现在我的面前,特别是在面试这个场景下,几乎每一场都会有这个词被提到。 也可能是每个候选人的认知不同,对设计系统的理解略有不同,有的朋友会认为设计系统是玄学,大话一套套的…...- 0
- 0
- 705
-
用AI生成图标的提示词Prompt ,看这篇文章就够了!
Halo,这里是设计夹,今天分享的是「AI 图标设计」。 对于整个界面来说,图标属于相对细节的设计元素,那么功能强大的 AI 工具能否生成符合我们要求的图标呢? 本次精选 20+AI 关键词提示,协助大家快速生成不同类型和风格的图标,满足更多的设计使用场景,一起来看看吧~ 一、APP 启动图标 我们先从启动图标开始。APP 的启动图标代表着这款产品的品牌形象,是特殊且重要的图标类型。当前简约的启动…...- 0
- 0
- 1.3k
-
调试您的设计面试之旅
在您开始与未来雇主的招聘团队成员会面之前,您必须引起他们的注意。这要求您将信息提交到在线表格或由公司工作人员推荐。我一生申请过无数的工作。如果一切顺利,通常非常简单:您提交简历和作品集,然后您会在一两周内收到招聘人员的回复。 如果您在这个阶段没有被叮咬,可能是因为您需要寻找更直接的推荐。冷应用是一毛钱一打。招聘经理没有精力费力地浏览数百份申请,而且推荐总是优先于手动提交。 我们来谈谈如何获得更多推…...- 0
- 0
- 237
-
在UI布局排版中,让界面快速出彩的7个技巧
布局对于每个APP或者网站来说都至关重要,每一处经过思考的排版布局设计,能帮助用户轻松理解页面中的信息。 合理的布局方式可以有效地向用户传达页面内容。通过下面这些布局技巧,学习如何设计构建更好的页面布局~ 一、优先考虑重要内容 优先考虑重要的内容,在页面中保持重要的信息占比更大、更明显。 为了让用户能够快速看到关键信息,可以通过滚动的交互方式和指导性的按钮设计,帮助用户找到他们想要的信息。 ▲ …...- 0
- 0
- 771
-
你和资深设计师的差距是什么?先来掌握这些需求分析吧!
普通设计师和资深设计师的差别是什么?本篇文章认为,对需求的理解和分析是区分普通设计和资深设计的重要因素,那对于设计师而言,如何做好需求分析?让我们看看作者的解读。 一、需求理解差异到底在哪 设计的目的是为了解决问题,产品设计师作为将产品需求具象化的一个角色。 产品设计主要解决用户在使用产品过程中可能遇到的问题,而需求的洞察与分析则是解决问题的核心和关键。 面对一份需求文档,不同的设计师表现出的专业…...- 0
- 0
- 389
-
AIGC应用实战!玩转Stable Diffusion必知的3大绝技
Satble Diffusion 给视觉设计带来了前所未有的可能性和机会,它为设计师提供了更多选择和工具的同时,也改变了设计师的角色和设计流程。然而,设计师与人工智能软件的协作和创新能力仍然是不可或缺的。接下来我将从三个维度来向大家分享 Satble Diffusion 在视觉设计方向的技巧应用。 一、线稿/插画秒变3D 1. 线稿秒变 3D 场景 在人工智能绘画软件之前,我们如果想将一张线稿设计…...- 0
- 0
- 672
-
如何优化团队活力与工作效率:任务导向行为与维护导向行为的角色
“不要再开会了…… “或 “这本可以是一封电子邮件……”,这些都清楚地表明,您团队的会议或仪式可能没有效果。持续不断的会议邀请让我们的议程不堪重负。人们都希望自己能专注于自己擅长的领域,如编码、设计或写作。然而,在一个多学科团队努力创新的世界里,会议至关重要。有些会议比其他会议更有价值。 作为一名团队管理者,我对这个问题采取的是一种全面的方法。我会审视整个议程,包括我和团队的议程,并尝试想象每次会…...- 0
- 0
- 639
-
配色找不到感觉?这个PCCS色彩体系帮你从根本上解决!
可能很多小伙伴都有这样的感觉:对色彩的各项概念已经非常了解,日常积累了很多优秀的色彩搭配素材及作品,也有进行临摹训练,但是自己在面对一个新设计命题时,却依旧无法准确选出最贴合主题的颜色,各种配色试来试去都不是自己想要的感觉。 之前向大家介绍过 HSB 色彩模式。HSB 色彩模式按色相、饱和度、明度三个属性来表述颜色并进行量化,以更贴近人类感官直觉的方式来描述色彩。熟悉 HSB 色彩模式,就可以通过…...- 0
- 0
- 3.9k
-
安那考斯蒂亚社区博物馆启用新 LOGO,灵感来自建筑本身
华盛顿安那考斯蒂亚社区博物馆(Anacostia Community Museum,简称 ACM)是美国博物馆机构史密森学会(Smithsonian Institution)旗下的 20 座博物馆之一,也是美国首座由联邦政府资助的社区博物馆。该博物馆成立于 1967 年并于 1970 年获得联邦政府资助,其展收藏的艺术品专注于华盛顿安那考斯蒂亚及其周边的社区。 华盛顿特区的品牌设计公司 Ghost…...- 0
- 0
- 1.5k
-
爆肝整理!10个章节掌握大厂都在用的色彩设计指南
我们都知道,在我们的日常设计中的五要素是“形、色、字、构、质”,这五个部分的内容紧密相连,构成一整个产品的设计体系。其中,色彩更是我们设计时候特别重要的内容,是除了形状和字体之外,最能表达一个差评氛围的一项要素。 好的色彩设计,我们通常可以通过品牌色感受一个品牌产品的状态、情绪、情感,以及要表达的精神内容。 色彩还是一项特别好做品牌区分或行业划分的要素,因此我们在市场上才能看到不同品牌的配色不一样…...- 0
- 0
- 138
-
超好用!AI绘画神器Midjourney新功能要如何使用?
本文分享3个超好用的 Midjourney 新能力和我的研究经验: 可通过上传图片生成提示词 prompt 开启了全新的 Niji 5 模式 批处理功能(仅限于 60$的用户,这里就不做过多介绍了,感兴趣的可以去官方通告处了解) 这里顺便教大家如何看官方第一手更新资料。可以进到官方 Midjourney 群组,找到 announcements 通知消息这里,有最新功能官方都会在这里发布。很多最新更…...- 0
- 0
- 764
-
7亿用户的钉钉,也没有写好的10条产品文案
大部分时候,提到产品体验,大家首先会想到产品功能和视觉表现:产品功能是不是满足用户需求,产品界面中的布局、按钮、图标、色彩看起来是不是精妙绝伦。而产品文案,是最容易被忽视的产品体验要素。 什么是产品文案?以钉钉的登录/注册功能为例,界面中的所有文字,都是产品文案,它们的作用是引导和帮助用户顺利完成登录/注册操作。假如我们把界面中的文案全部删除,那么这个功能将完全不可用。 日常生活中,餐馆大门上贴着…...- 0
- 0
- 53
-
图标的辅助图形如何设计?我总结了这5条实用经验
最近发现大家在做图标练习的时候,经常会在一些辅助图形上遇到问题。今天彩云想分享一些自己的经验,希望对大家有些帮助。 什么是图标辅助图形? 很多人知道品牌设计中有辅助图形的概念,辅助图形对于品牌识别体系非常重要,但其实在图标设计时,也会经常用到辅助图形。图标中的辅助图形,简单理解就是图标的装饰元素,它能让图标设计有更多的细节和特点,强化图标识别性,同时还能让图标更具视觉表现力。 举个例子,像下面这套…...- 0
- 0
- 1.3k
-
4600字干货!专业B端设计师要懂的 DesignToken 概念解析
DesignToken 是这两年非常高频出现的 B 端设计术语,主要应用于设计规范的交付和前端协作上,是 B 端设计师必须要掌握的基础知识和概念之一,今天的分享来认识它的基本概念。 一、DesignToken 是什么 了解 DesignToken 就要先要了解 Token 是什么,它是一个开发术语,大多翻译为 —— 令牌,是程序之间进行数据验证和通信的相关编码的统称。 比如我们在一个应用中完成账号…...- 0
- 0
- 148
-
哪家的车载地图设计强?我详细分析了6家车厂HMI设计
上半年转行了车载行业,主要做车载地图的交互,进入一个新行业难免需要学习这个行业的一些交互准则。毕竟车上操作与我们日常使用手机场景上的巨大差异,导致设计侧重点不同。 从各大厂商对于车载设计的准则来看都是围绕两大点:简单易用、让用户专注于驾驶。围绕这两大核心对于交互与视觉有着不同的设计注意事项。对于交互互动而言,主要体现在: 交互层级:层级简洁,反馈一致,使用户能够快速了解系统结构和状态; 信息合理:…...- 0
- 0
- 1.6k