- 博客(103)
- 收藏
- 关注
转载 UI设计中引导设计怎么做
生活中,机场、医院等公共场所会设置导向指引牌,帮助人们辨别方位、找到目标位置。APP中,也需要在用户的行为旅程中,给出操作引导,以辅助用户完成操作目标,或者吸引、引导用户按照设计者的想法参与使用APP、提升转化率。今天我就针对UI设计中引导设计怎么做进行简单的说明。 为什么要进行引导设计? 引导提示存在的本质原因,是由于大多数APP内的信息层级、视觉元素都很多,且受限于手机设备的页面空间,信息与功能入口还会被折叠压缩,让用户只根据页面布局、信息架构去寻找目标内容的话,学习成本..
2020-10-10 11:29:13
575
转载 UI设计中容易犯的错误总结
这个设计很“稳”! 大家应该经常听到这句话吧。 对于这个“稳”,到底意味着什么,如何才能让设计更“稳”一些,有咩有兴趣了解下? 我猜:有! 哈哈哈。 今天我通过两个小案例,给大家讲两个知识点,是很多新人容易犯的错。 1.先搭好骨架再添加内容 2.用基础几何避开人体结构 1.先搭好骨架再添加内容 大家想一下,如果你画的一个人不稳,或者一个建筑不稳,是因为什么? 是不是因为结构和骨架不稳所导致的? 其实界面设计也是一样的,如果骨架没搭建好,就
2020-10-10 11:15:07
530
转载 UI设计中签到页面如何设计
签到,是一种人类行为上的规束,常常被用于一些会议和活动的中,经常被用来作为奖惩的依据。今天我就针对UI设计中签到页面如何设计进行简单的说明。 虚拟世界中的签到 – 从游戏签到,以领虚拟奖励,到购物节签到,以领现金;这些签到给人带来的,不舒适的规束感,逐渐被各种奖励的愉悦感代替。虽然还是不被被所有人喜欢,但却确实也吸引了一些“热衷粉”。 签到的设计层是什么? 设计层是用户的第一感知层,视觉上是不是冲击,用户能不能看懂、能不能感知,经常被我挂在嘴边。我们将签到产品分为主动签..
2020-10-10 10:58:58
1360
转载 UI设计中设计文章列表左右的思考
当我们仔细看APP的文章列表时我们会发现:有些采用的是左文右图;有些采用的则是左图右文。这个时候我们有没有进一步思考过,这两种方式有什么区别呢?各自的优缺点又是什么呢? 在对比各大APP时,我们会发现文章列表的排版方式有些是左文右图,有些是左图右文。 左文右图你可能知道就是文字比较重要,但是同样是新闻类的App你也会看到这两种情况都存在,因此还不单单是文字重要的原因,下面我就分别从左文右图和左图右文分别来说。 一、左文右图 左文右图我们看到大多数新闻类APP都是这样做的。下面我就
2020-10-09 14:55:52
390
转载 UI设计中设计没亮点怎么办_下
日常体验不同APP,总能发现一些设计亮点。在设计时评价一个界面的好坏并不是你的界面如何炫酷,而是你的功能是否满足用户使用,你的交互是否让用户有一个好的体验,最后才是你的界面要让用户觉得舒服。 但是功能和交互在设计时我们大多的参考来自竞品,以及我们常用的软件。所以我们的设计稿就会出现上面说的太常规的问题,并没有结合产品具体来考虑,今天我就告诉大家如何才能让我们的功能和交互有亮点呢? 设计没亮点一般有三个原因: 没有亮眼的功能; 没有亮眼的交互; 没有亮眼的视觉。 这需要
2020-10-09 14:52:19
319
转载 UI设计中设计没亮点怎么办_上
想要你的设计有亮点,你需要“记录”。今天我就梳理了自己记录的有趣的设计进行了整合,对其中的亮点进行解读,与大家分享。 大家是否有过这样的经历,老板天天催稿,辛辛苦苦通宵加班做的界面“被骂是垃圾”、“界面大平了”、“和竞品太像了”、“界面没亮点”,这段时间出现严重的自我怀疑,“我真的是做设计的料吗?“ 首先我们应该相信能做好设计,对于界面没有亮点该怎么办呢? 方法其实很简单,只需要我们在平时养成“玩APP”的习惯,将产品中一些功能、交互、视觉亮点都记录下来,同时描述他的操..
2020-10-09 14:51:03
934
转载 UI设计中的小套路
如果你还在为界面不精致,层次乱糟糟,反复修改浪费时间,开发还原度很差等问题而烦恼,不妨来看看我总结的一些关于UI设计中的“小套路”。 UI设计是一个年轻的职业,起步较晚变化飞快。新的创意和玩法层出不穷,去年流行的风格,今年可能已经不见踪影。作为一名UI设计师,要时刻保持危机意识,不断进化自己的设计知识和理念。一边探索,一边沉淀是UI设计师的基本素养。 探索固然有趣,沉淀更需要毅力,今天我要跟大家聊的不是探索,而是在UI设计当中的一些“小套路”。 字体字号的运用 1. 字体
2020-10-08 16:03:06
243
转载 UI设计中的小元素总结
在UI界面的设计当中,有很多“小元素”发挥着十分重要的作用。有些元素我们已经司空见惯;有些被设计师们玩儿出了新花样。在使用了一些产品后,我对这些“小元素”进行了梳理总结。希望其中的一些好的、有趣的设计能对大家有所帮助。 对于“小元素”的这个说法还是有些太笼统,我又把它们分为大致三个部分: 提示类元素 功能类元素 视觉类元素 一、提示类 “提示类”顾名思义,对于我们有提示作用的或是有引导帮助作用的都可以归为此类。那么我最先想到的,应该就是让人又爱又恨的“小红点”了。
2020-10-08 14:47:30
2323
转载 UI设计中智能电视设计指南
最近有小伙伴私信我关于电视端的设计问题,整理了一些个人最近在TV端应用的一些设计经验,供大家交流学习。以下就是我在TV设计的过程中整理的一些方法,结合自己有限的经验后总结的一些针对TV设计的方法规范,以及一些需要注意的问题。 一、使用场景 在开始接到需求之前,我们首先需要了解使用场景和环境,了解这些这些特性设计更符合场景的界面,符合良好的用户体验。 因此在TV的界面设计上最好让用户通过方向键和OK能够进行操作,并提供返回键,避免用户低头看遥控器寻找按键而打断操作的任务流。TV标配音响系
2020-10-08 14:46:06
671
转载 UI设计中Sketch提高效率的常用技巧
Sketch毕竟没有什么学习曲线,颇易上手,相应的也时常导致新手在一开始就忽略掉一些重要的、高频的使用小技巧,而将一些稍许费力耗时的方式一路沿用下去。今天我就针对UI设计中Sketch提高效率的常用技巧进行简单的说明。 一、常用的形状快捷键 Sketch 软件和别的设计软件一样,提供了很多形状绘制工具,这些工具的快捷键不用刻意去记,使用多了就会记住。 常用的比如:R(矩形)、O(圆形)、L(直线)等。 二、快速新建画板 A 通过快捷键“A”可以快速新建画板,..
2020-10-07 13:58:31
443
转载 UI设计中面包屑导航怎么设计
大家好,今天我为大家带来的文章是面包屑导航。面包屑实用的地方在于可以让用户更快地访问上级页面,无需借助浏览器的返回按钮或顶级导航栏。 面包屑作为一种辅助和补充的导航方式,能让用户知道在网站或应用中所处的位置并允许用户快速访问要查找的路径, 相较于桌面端网页,今天移动端网页的尺寸都变得很小,面包屑导航需要怎样设计才能更好的满足手机端用户的需求呢?一起来看看这份研究体验吧~ 面包屑导航不完整的原因 将完整的面包屑路径放到移动端界面中有一定的挑战性,但应该避免的一种情况是不提供任何面包
2020-10-07 13:57:51
526
转载 UI设计中网页的设计规范总结
很多刚入行的UI设计师开始接触网页端UI设计的时候,对于基础的界面尺寸规范可能会有一定的模糊认知,导致做出来的页面往往会感觉不是那么和谐,却也不知道怎么去完善和改进。 对于大多数的刚入行者来说,如果不是有天赋的那种设计师,了解常用的一些尺寸规范和方法,才能更好的形成自己的专业概念。今天我就带大家了解一下UI设计中网页的设计规范总结。 网页UI设计规范 1.网页规范: 网页宽度为1920 高度不限,有效可视区:950px~1200px宽度,具体尺寸根据项目,客户要求以及用户群决定。
2020-10-07 13:57:01
3097
转载 UI设计中开屏页如何设计
大家好,今天我为大家带来的文章是开屏页设计。用户只需要50毫秒(0.05秒)就能对网站/App做出评价,从而决定是留下还是离开。开屏页设计的合理性很大程度上影响了用户的初体验。 第一印象很重要!很多用户会根据App/网站的初始形象来判断是否可以信任这家公司或这个产品。 那么如何解决快速感知的问题呢?首先将关注点放在App带给我们的第一印象上。合理的启动页能激发用户的潜意识,有助于吸引和留存合适的用户。 在深入研究设计策略之前,先来了解一下启动画面的基本知识。 什么是启动画面?
2020-10-06 17:00:24
485
转载 你知道UI设计和3D是如何结合的吗
有人调侃艺术是有轮回的,至于年限,说十年也有,二十年也有。人们总在喜新厌旧,然后再把旧的拿出来当新事物,谓之“复古”。 曾经我们一度追寻扁平风,因为它简洁、清爽,但就像我前面讲到的,当大多数设计开始同质化,万物皆偏平的时候,3D又回来了。 今天我就有一篇UI设计与3D的文章,一起来看一下吧,来不及一次性阅读的朋友,建议收藏先哦。 在2020 年的苹果全球开发者大会(WWDC),苹果发布了新的 macOS 11(又名 Big Sur)。其中在UI视觉方面macOS Big..
2020-10-06 14:45:09
590
转载 UI设计中AI黑科技插件合集
俗话说:欲善其事必先利其器。 作为设计师怎么能缺少神器般的AI黑科技插件?随着插画风分析图、轴测图、效果图等的流行,adobe Illustrator在设计类软件里的分量也越来越重。逆天的PS插件很多,但实用的AI插件很少。 今天,我为大家带来5款AI黑科技插件。 01 AI 智能填充插件 fillinger 这是一款智能填充插件,你可以预先设计好容器图案,利用此插件,可以快速地把一组图形填充到容器中,并且填充的对象可以根据容器形状智能缩大小。...
2020-10-06 14:43:36
1083
转载 UI设计中取消与关闭的差异总结
区分这两种操作,可以很大程度上能避免丢失用户已操作的内容。在关闭视图之前保存用户的更改,使用文本标签而不是“X”图标,并在破坏性操作之前提供确认对话框。今天我就针对UI设计中取消和关闭的差异总结进行简单的说明。 一、让人迷惑的“X”图标 很久以前,“X”这个符号是用在地图上,标记“宝藏的藏身地”。但在今天的数字化界面中,“X”符号不再用来标记位置,而是被用来取消进程,或者关闭某个临时页面/弹框。但是如何确定“X”代表的是“取消” or “关闭”?有的时候可以确定,有时却模糊不清难以界定。
2020-09-29 12:27:09
408
1
转载 UI设计中大屏可视化设计尺寸指南
大屏可视化的设计尺寸定义,一直是很多设计师苦恼的一件事,很多时候大屏出现的问题,都是因为对设计尺寸没有一个正确的认识导致。 比如大屏内容呈现不全、拉伸、压缩、字号小的看不见等等,出现这样的问题就会浪费时间调整返工,今天我就带大家来认认真真的讨论一下大屏的设计尺寸。 大屏的类别及成像 我们设计的可视化大屏通常可以分为两类:一类是拼接屏,由46-55寸的液晶显示屏拼接而成,有一定的缝隙; 一类是LED屏无缝隙,是由成千上万个LED灯构成像素点,发光像素点之间的距离是LED显示屏的规格
2020-09-29 12:11:45
2101
转载 UI设计中评分功能设计总结
很多 APP 中都有评分功能,比如豆瓣的按照 1-5 颗星给电影评分,或者知乎中按照赞同或反对给答案的评分等等。这篇文章主要分享一下评分功能的作用以及常见的模式。今天我就针对UI设计中评分功能设计总结进行简单的说明。 评分的作用 主要作用有三个:1.对评价进行可视化处理,便于查看和理解,让用户对内容有一个感性的认知;2.给内容创造者给予反馈,比如 QQ 空间的点赞让人获得成就感;3.供他人作参考,帮助他人做决策,比如根据一部电影的评分决定要不要看。 评分的模式 不同的评分展现模式
2020-09-29 12:05:08
1175
转载 UI设计中分享功能总结
人天生就有分享的习惯,当听到一首好歌,看到一本好书,或是听到一个有趣的故事,总是会想要分享给别人,如果朋友在听到分享内容之后表示高兴和喜欢,会让分享者的满足和快乐感更上一层楼。今天我主要和大家浅谈一下 APP 中的分享功能模块。 目录 1.分享的作用 2.分享的时机 3.分享的常见位置 4.分享的常见样式 5.总结 分享的作用 APP 中的分享,就是把各种内容介绍给别人的过程,主要是借助社交类 APP 的流量, 来达到拉新、留存、促活的作用。分享是内容最有
2020-09-28 14:25:17
1042
转载 UI设计中插画的运用
在现代平面设计中,插画是颇为常用的展示性元素,是视觉传达的重要工具。插画在设计作品中,常常用来引导、启发和呈现信息,更有针对性地、视觉化地同用户进行交流。真正高效的插画一定是有针对性的,易于识别的,并且能够被不同的用户轻松理解的。今天我跟大家聊聊插画在UI设计中的运用。 为什么要在APP当中使用插画? 1、视觉差异化 现在APP的数量越来越多,制作也越来越精美,为了更好吸引用户,将插画运用在APP当中,增添设计作品的艺术感,使人感受到美。 2、表达更加清晰 一图胜千言,在U
2020-09-28 13:57:29
302
转载 UI设计需求中的18个专业术语
设计师的工作是做设计么?当然。但是设计师的工作只是做设计么?不尽然。在很多时候,尤其是在没有图片素材和视觉化的素材的前提之下,设计师没法直接借用视觉语言来「沟通」,这个时候就只能依靠语言了。 说白了,就是说话。和同事、领导、客户、甲方,用语言沟通。只不过,沟通是需要基础的,如果同一个词,双方理解的含义有差异,那么有效的沟通很难建立。 当然,这种问题多数时候出现在客户和甲方头上。不带情绪和倾向性的描述词汇,出现在文档和语言沟通当中,对于设计的推进一点帮助都没有。 但是更多的时候,我们需要
2020-09-28 13:56:42
1642
转载 UI设计中置灰功能总结
我最近在梳理产品报错场景的过程中,发现“置灰”状态的使用可以有效的提升报错场景中的用户体验。今天我就针对UI设计中置灰功能总结进行简单的说明。 一、置灰 「置灰」是相对于「常态」而言的,代表着当前不可用。这里的「不可用」在不同的场景下有着不同的意思:在用户等级体系中,置灰的勋章意味着这个等级你还没有解锁;在卡券中心,置灰的卡券代表着这张卡券已经过期或者已使用。 为了让大家更好的理解,我将「置灰」分为两种。一种是「视觉置灰」,这种置灰仅限于视觉层面,不影响用户正常操作,就..
2020-09-27 14:50:41
3400
转载 UI设计中金刚区图标设计总结
金刚区是一个页面中头部的重要位置、是页面的核心功能区域,表现形式为多行排列的宫格区图标。那么,金刚区的图标应该如何去设计呢?今天我就对UI设计中金刚区图标设计总结进行简单的说明。 一、什么是金刚区? 金刚区是一个页面中头部的重要位置,是页面的核心功能区域,表现形式为多行排列的宫格区图标。 比如淘宝app 首页banner(广告横幅)下的两行图标,饿了么外卖app 首页banner下的两行图标、支付宝app 首页头部的4个图标就是金刚区。 二、金刚区的意义和功能是什..
2020-09-27 14:49:40
3279
转载 UI设计中异常状态设计总结
当用户停留任何一个界面,进行任何一个操作都可能发生异常状态。如果接到每个需求都去制定一次异常状态,这样的后果可能会使得产品的不同模块、不同流程,异常状态都不一致。全局规范性被破坏,同时设计师的效率也降低。因此全局制定异常状态规范很有必要,后续就不需要再设计,开发直接复用异常状态的规范。省时省力、提高效率、设计规范、运行更流畅、减少代码重复率、安装包也会更小。今天我对异常状态总结进行简单的说明。 异常状态一共有以下 10 类: 网络异常 当移动设备网络异常时,导致无法上传和下载数据,从而
2020-09-27 14:47:24
1149
转载 UI设计中按钮场景分析
别无他话,今天就和大家聊一聊设计宿敌——按钮设计。按钮的设计看似简单,其实按钮的功能不同,设计形式上也会有差异,今天我就针对按钮的场景分析,对按钮进行全面的解析。 按照功能性分类,按钮主要包括行为召唤按钮、悬浮按钮、标签按钮、表格按钮、开关按钮,其功能不同设计方式也不同,我们一起来看看吧~ 01 行为召唤按钮 行为召唤(Call To action,CTA)按钮的目的是通过设计诱导或激励用户点击,从而实现产品的诉求。主要包括诱导购买、订阅关注、利益诱导、文字诱导这四种。 1
2020-09-25 14:15:55
766
转载 UI设计中的作品集避坑指南
在作品集和简历的制作过程中,有很多注意事项值得关注,而这些能够让你的作品集和简历,更上一层楼。今天我总结出来的是设计师简历和作品集中常见的 10 个死穴。在此之前,我因为这些问题而拒绝过很多设计师的申请。如果你正在准备作品集和简历,一定要注意这些问题。 1、完全没有个人作品集 这听起来是一件非常显而易见的事情,不过实际上,我碰到过很多设计师只投递简历,并且未曾附带作品集的情况。如果你想要申请设计师职位,仅仅有简历是不够的,哪怕你有学历,没有作品也不足以证明你可以胜任这个职位。..
2020-09-25 14:15:01
453
转载 如何让UI交互动画更有吸引力
交互动画作为APP界面设计中重要的视觉元素,使得APP页面的展示方式更加丰富、产品更具活力、吸引力更足。交互动画在APP界面设计中应用非常普遍,今天我通过归纳总结出以下几种: 1.欢迎动画 欢迎动画出现在APP开启时,以公司宣传动画或者动态标志演绎为主。欢迎动画能强调品牌、传递情感。流畅、合理的动画能增加产品的识别性,也可以树立品牌形象,还能给用户到来轻松愉悦的体验。 当用户打开APP时,独特的APP动画效果可成为APP的标志,将品牌形象印在用户脑海中。...
2020-09-25 14:14:14
362
转载 如何提高UI设计中画面层次感
很多设计师容易犯一个错:设计不明确。设计一旦不明确,就容易让用户产生疑惑,甚至认为出现了bug!我的原则就是,要么不做变化,要做咱就做的彻底一点,明确一点!今天我就针对如何提高UI设计中画面层次感进行简单的说明。 我从以下方面举几个例子: 1.间距 2.大小 3.样式 4.颜色 1.间距 当信息内容需要区隔的时候,最常用的两种方式: 一种是加一条细细的分割线; 另一种是加一条粗粗的分割块: 我们有一次在加分割块的时候就出现了一个..
2020-09-24 15:05:53
221
转载 Ui设计中眼睛比软件靠谱吗
大家好,今天我将为大家分享一篇视觉差相关的经验。视觉本身就是一件偏感性的学科,它不应该完全依赖数值,更应该在意人的感受,去解决视觉差的问题。所以,我们平时做设计的时候要明确一点:软件参数只是辅助,更多的需要提高自己眼睛的敏锐度。审美,审美,当然是靠眼睛来审了。 让我们一起来看一些案例吧: 视觉重量导致的比例不一致问题 我曾经在给客户做一个方案时,最初的方向是做一个256px*200px的卡片,其中包含客户的Logo。 虽然在软件中显示他们的高度都是...
2020-09-24 15:05:12
136
转载 UI设计中线面结合图标设计总结
大家好,图标在UI设计中占了一席之地,不同风格的图标会影响页面整体风格效果。前面2篇文章分别介绍了《线性图标》、《面性图标》,今天我跟大家分享一下线面结合图标的一些设计样式。 线面结合图标相较于前面2种样式更加丰富、富有趣味性。 线面结合图标常见样式 这里总结出了以下几种类型: 1、黑色线性边框+渐变色内部填充 2、黑色线性边框+彩色错层填充 3、黑色线性边框+彩色内部线条+圆形点缀 4、黑色线性边框+彩...
2020-09-24 15:04:33
1193
转载 UI设计中标签栏图标设计规范
图标其实存在于界面中的许多地方,今天我就带大家来聊一聊标签栏中的关键元素——图标。但因为是主要分析标签栏,所以我会借标签栏中较主流的图标样式,总结一套标签栏图标设计规范。这些方法在图标制作过程中都是相通的,大家可以举一反三。在此之前,如果你还没有了解标签栏,可以回顾:《UI设计中标签栏总结》 一、标签栏图标规范 1.1 图标样式 图标具体样式风格的定义是非常主观的,网络上也流传着许多的教程教大家如何设计五花八门的图标,所以在这里我就不再赘述了。我主要来总结一下基础的标签栏图标一般有哪些
2020-09-23 14:47:09
2411
转载 UI设计中标签栏总结
在界面落地后,“标签栏”恰巧是在表现层层面向用户展现产品框架的最直接控件。 虽然设计好标签栏,也许依旧无法让你把控一个产品的体验走向,毕竟战略层、范围层、结构层也是很重要的。但如果框架层和表现层垮了,那用户体验一定是糟糕的,并且和你有最直接的关系。今天我就针对UI设计中标签栏总结进行简单的说明。 一、标签栏是什么? iOS 人机交互规范定义:出现在应用程序屏幕底部,并架构了多个屏幕之间页面内容切换的容器叫做“标签栏”(Tab Bar)。 标签栏在任何目标页面中的高..
2020-09-23 14:45:42
1039
转载 超全面UI基础设计规范
很多刚入行的UI设计师开始接触移动端UI设计的时候,对于基础的界面尺寸规范可能会有一定的模糊认知,导致做出来的界面往往会感觉不是那么和谐,却也不知道怎么去完善和改进。 对于大多数的刚入行者来说,如果不是有天赋的那种设计师,了解常用的一些尺寸规范和方法,才能更好的形成自己的专业概念。今天我就带大家了解一下超全面的UI基础设计规范。 1、设计软件 Sketch 作为现在做UI的主流软件,sketch不仅操作便利、易于上手,软件本身也非常轻便,对于电脑的型号也没有很大的..
2020-09-23 14:38:37
853
转载 UI设计软件中PS2021总结
前段时间,微博上兴起了一个关于PS2021的话题,仔细了解一下后,才发现网上流传的是PS2021的内测安装包。 与之前的2020版和2019版相比,这一次Adobe可是准备充分,做足了功课,给设计师们带来了很多叫好的功能,如:一键换天空、智能修改表情,超级缩放,黑白片AI,上色等等。 那么相对以前的版本,到底有哪些提升和变化呢,今天我就带大家一起来看看。 一、 LOGO的底边变白了! 首先,最明显的变化,就是2021测试版的「图标」,由以前的蓝黑色转变成了蓝白,让整个图标变得更加
2020-09-22 14:21:14
512
转载 UI设计中如何更好的运用排版法则
排版在平面设计领域极为重要,它不只在海报、广告中使用,在制作UI的作品集、UI界面设计、网页设计、运营设计也要注重设计排版,今天由我给大家分享一些版式设计法则,通过这些法则来规范移动UI设计,并提升作品的精品感和品质感。 视觉设计排版: 第一步,先把文字内容做好排版; 第二步,思考场景设计与信息层级处理; 第三步,进行排版设计的布局; 第四步,最后做好色彩和细节的优化,从整体出发到细节处理再回归整体性的原则,做好包装的设计展示。 一 格...
2020-09-22 14:20:12
407
转载 UI设计中Android和IOS设计差异总结
由于设计师、产品经理使用的移动设备大部分是iPhone,所以在做设计时,容易忽略Android和iOS的差异,按照iOS的规范进行设计,两端只做一套。 只做一套的会存在两个问题: 1、安卓用户的使用习惯不太适应iOS的设计,导致使用时遇到阻碍,任务流程失败率变高。 2、如果设计师或者产品经理有的异常场景状态没有想到,导致安卓开发没有组件调用,为了省事就直接调用安卓自带组件,导致整个产品在视觉风格上面既有产品风格的组件又有安卓系统的组件,统一性差。 所以设计师在设计过程中,针对两端
2020-09-22 14:19:25
636
转载 后台列表设计避坑指南_下
列表页是构成后台使用界面的重要组成之一,聚合了众多信息并提供操作入口。区别于小而美的C端产品列表,后台系统的用户希望列表的内容又多又全面(表格),但在操作时又能支持快速定位(搜索,包含 筛选)、准确处理(操作)。这需求貌似有些矛盾,但在很多场景下,例如客服在接待客户时窗口时间极其短暂,既要全面获取相关信息,又要快速应对解决客户问题。因此这需求不仅合理而且是刚需。 列表页由「搜索」、「表格」和「操作项」三大基本块组成。刚才提到的矛盾点也是由这三个模块之前的互相影响和制约(后面会详细阐述)。我们当初由
2020-09-21 14:01:48
409
转载 后台列表设计避坑指南_上
列表页是构成后台使用界面的重要组成之一,聚合了众多信息并提供操作入口。区别于小而美的C端产品列表,后台系统的用户希望列表的内容又多又全面(表格),但在操作时又能支持快速定位(搜索,包含 筛选)、准确处理(操作)。这需求貌似有些矛盾,但在很多场景下,例如客服在接待客户时窗口时间极其短暂,既要全面获取相关信息,又要快速应对解决客户问题。因此这需求不仅合理而且是刚需。 列表页由「搜索」、「表格」和「操作项」三大基本块组成。刚才提到的矛盾点也是由这三个模块之前的互相影响和制约(后面会详细阐述)。我们当初由
2020-09-21 14:00:57
304
转载 UI设计中的IOS14设计规范
你了解UI设计的规范吗? 很多新人在开始做移动端UI设计的时候,对界面的尺寸规范不是那么清楚,很多时候都是凭借自己的感觉和经验去设计,导致做出来的页面总是不那么尽如人意,从而一遍遍修改,拉低了工作效率。 那么,今天我就跟大家聊一聊,设计规范的那些事! 什么是设计规范? 通俗来说,设计规范是围绕在某种风格或者大型设计项目下形成可视化、数据化的标准,针对相对独立的体系建立的统一遵守条款。 UI设计规范是基于用户界面而制定的一套可复用设计库,也是为了方便设计师、开发和测试人员共同
2020-09-21 13:59:28
1733
转载 UI设计中踩过的坑
总有人说ui设计师,天天画个线框图,还拿那么高工资! 肤浅! 幼稚! 切! 你是不了解,UI设计并不是把一张图做好就完事了,要考虑它的可用性,延展性,全面性、实现成本,还原程度等等等等..... 因素可多了呢! 这其中一个全面性就可以难倒很多新人。 今天我就分享几个自己遇到过的“没有考虑全面”的几个小案例,帮你增加点工作经验,以后你遇到类似的坑,可以尽量避免一下。 大纲如下: 1.文字一多就放不下了 2.你的滑杆拉到头试试 3.只考虑了暗
2020-09-18 15:09:21
307
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人