![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
UI
文章平均质量分 85
摹客
这个作者很懒,什么都没留下…
展开
-
如何提高设计还原度?做好这5个方面就够了!
设计还原度是指设计以及最终产品符合顶层设计理念和设计规范,在不同界面、不同系列的产品中,保持相应的一致性,严格还原设计稿。设计还原度除了指界面上的还原度外,交互和动效设计的还原度也包含在内,今天我们重点分析UI设计和交互设计的还原度问题。在业内,我们常说设计还原度低,是指最终开发完成的产品未还原设计。常见的设计还原度问题包括:基本界面还原问题,通常以不符合4大基本设计原则(亲密、对齐、重复、对比)的形式出现。界面一致性问题,比如不同界面的按钮尺寸、样式不一致,颜色存在细微差异等。原创 2024-02-08 11:10:39 · 913 阅读 · 0 评论 -
都是打工人,为什么设计师没有话语权?
建议大家不要囿于工作岗位,站在更高的层面思考问题,自然你在团队中的话语权会逐步提升。加油,设计er,做颗永不秃头的小白菜~原创 2023-02-10 14:52:20 · 330 阅读 · 0 评论 -
还写不好设计师总结?赶紧收藏这篇!
可按“类型”来组织内容(界面UI类、运营视觉类、动效插画类等),也可以按照“重要度”来编排(公司重点工作、一般工作、支援协助类工作等),甚至可以按照自己的参与“角色”来构思内容(项目负责人的工作,核心设计师的工作,一般协助的工作等)。计划可以是关于个人能力成长的,也可以是提升产品体验与质量的,也可以是提升团队效率或公司品牌价值的,思路可以尽量打开,但不要偏离公司的大方向目标。在实操中可以根据公司的情况,对自己内容的侧重点的进行重新分配,并补上缺失的内容,就算是做到了有的放矢。原创 2023-02-07 11:30:26 · 344 阅读 · 0 评论 -
一个Behance被封,还有无数国内网站给我灵感
一个Behance被封,还有无数国内网站给我灵感原创 2022-09-07 16:23:00 · 263 阅读 · 0 评论 -
提升UI产品体验的14个细节!你都知道吗?
彩云注左侧的按钮不在正确的决策位置以及按钮太小,右侧的按钮简洁明了并且符合用户的心理预期,能够让用户更快决策并点击。用更容易让用户理解(说人话)的引导文案,提升使用体验。(彩云注左侧的蓝色按钮颜色并不符合用户对于删除的心理预期,右侧的红色按钮对用户的心理预期有危险和警告,用红色代表删除能够让用户集中注意力关注这一特殊的操作。(彩云注左侧的选项圆角不一致,会让用户思考为什么这里会有不同,而右侧的一致性选项设计,能让用户忽略内容外的干扰。良好的对齐方式,可以增强内容的可读性,让用户的视线更容易扫描。...转载 2022-07-20 15:18:10 · 139 阅读 · 0 评论 -
2022年13个UX/UI/UE最佳创意灵感网站
作为一名设计师,最头疼的事莫过于缺少灵感或素材。每当我在对面新的创意需求时,求助一些顶级的资源或灵感网站,往往是最快获取思路的方法。因此,我的收藏夹里总是填满了各类设计工具、插件、网站、资源,想着它们能使我的工作更省省力,让我早日成为一名优秀的设计师。从业3年来,我对自己的收藏夹中的网址不断进行增删和调整。今天,我就给大家推荐我自己收藏夹中13个极其实用的国外产品设计网站,赶紧收藏起来慢慢看!Behance是Adobe公司旗下的设计师交流平台,相信大家或多或少都有接触过吧~网站中有非常多的大神分享他们的创意原创 2022-07-07 10:21:24 · 467 阅读 · 0 评论 -
Figma又崩了,但我们P事没有
北京时间2022年6月7日下午2点45分左右,Figma的服务器又崩了,全球范围内使用Figma工作的设计师被迫歇业,只能望着504报错页面佛系摸鱼,经过官方2个多小时的紧急修复,才终于恢复正常。所幸的是,我们团队在很早迁移Sketch文件至Figma过程中就发现了诸多问题,几番评估后还是放弃了Figma,没有受本次崩溃事件的影响,现在看来当时的决定真的很明智。疫情前夕,我们团队用的是Sketch,干净的UI界面、丰富的图层样式、专业的矢量编辑、轻量的文件体积、海量的三方插件,比之PS,更适合追求“高效输出原创 2022-06-09 10:01:38 · 1442 阅读 · 0 评论 -
京东又换logo,小狗也有颜值焦虑吗?
哈喽,小摹来啦~最近京东又换新logo了,咱们先来看看去年的变化:去年最大的变化是,京东由原本四脚仰头小狗变成了直立半身照的小狗,更具人格化和个性化。当时,不是被人笑它胖了,就是被人说“站起来,混出了人模样”,总之网上的评论风向是一水的搞笑夸赞!那么,我们来看看京东此次新logo的变化:对于此次换logo的变化,我可以用五个字简单概括:P图美颜了原来小狗也有颜值焦虑吗?心机小狗不只是用P图美颜,让肤色上了一个白度。(其实就是变纯白了)并且,从前后叠加来看,小狗把脸修小了,鼻子修“精致”了,眼距居然也变小了。原创 2022-05-25 09:45:39 · 239 阅读 · 0 评论 -
RP产品原型资源分享-论坛类
摹客论坛是一个专门针对研发人员的论坛社区,可在社区中进行问答、学习课程、参与线上/线下活动。本原型将网站论坛类原型进行高保真还原,使用大量的图片组件及自带的图标,展示效果精美。添加了各页面之间的必要的跳转,还原真实使用效果。效果如下图展示:本次论坛类原型中,用的最多的组件是下拉框、输入组件、内容面板,使用了大量RP自带的图标,利用内容面板、辅助面板实现了图片轮播的效果。原型中使用的文字、制作好的组件已存为资源,可直接复用到项目中使用。最后,点击这里,立即预览吧~点击查看素材案例库原创 2022-04-12 11:21:18 · 1703 阅读 · 0 评论 -
2022年 27 个最佳 UX/UI 设计灵感网站
多亏了互联网,设计资源很容易获得。只需轻点几下,即可随时随地寻找灵感。在这篇文章中,我们展示了 25 个最好的 UX 和 UI 设计网站以获取灵感。18 个最佳 UI 设计灵感网站1.BehanceBehance 是 UI 设计师最好的灵感设计网站之一。您可以看到来自世界各地的不同设计师的许多令人惊叹的作品。Behance 的管理团队每天都从各个领域精心挑选新的创意作品。它们包括设计、时尚、插图、工业设计、建筑、摄影、美术、广告、排版、动画、音效等。2.DribbbleDribbble 鼓励设计师上传他们的原创 2022-03-28 10:11:46 · 2778 阅读 · 0 评论 -
适老化设计,如何做到老人的心坎上?
如今,智能手机的使用群体越来越广泛,老年人逐渐也成为了使用智能手机的主力军。你敢相信吗, 72岁的大爷还能制作360页图文说明教老年人使用智能手机,不仅教老年人如何查看健康码,还会给大家讲解如何网上购物!那么,伴随着使用群体的逐步扩大,界面的适老化设计也该逐步提上日程。作为一名UI设计师,我始终在思考一个问题:在进行适老化设计时,除了像老年机一样调大字号外,我们还应该进行哪些方面的设计,从而能让老年人们可以更加顺利地使用手机呢?所以,今天我想跟大家分享下我自己的一些想法,如果大家有其他想原创 2022-02-17 10:30:00 · 638 阅读 · 0 评论 -
PS又双叒崩,溃,了,改稿人累觉不爱
身为一名设计师,前天回家熬夜爆肝改稿到凌晨一点,然后在即将完成的那一刻,PS竟然崩!溃!了!!但幸好,我已经把Ctrl+S这套组合键练成了肌肉记忆,崩溃就崩溃,大不了洗洗睡吧~昨天上班,PS运行了不到一个小时,熟悉的提示又来了……那时,我一边正在回复甲方爸爸的催稿消息,一边正在重启电脑,乙方设计师的心酸,谁能懂?!好不容易跟PS硬杠了两个小时后,终于设计完成。但是,我又死在了黎明前的黑暗,在下载源文件时,我又被卡死了!生活不易,还是得向PS低头。但索性,这次改稿.原创 2022-02-16 10:30:00 · 397 阅读 · 0 评论 -
2022最新盘点,这些设计趋势今年会怎样?
在2021年,我们看到了很多有关三维与现实结合、emoji、自然元素、视错觉、黄金元素和其他令人惊叹的设计作品与趋势带来的视觉冲击。在新的一年, 这些设计元素可能会发生一些什么样的改变,让我们来看看最新的2022设计趋势吧! 色彩趋势 轻量渐变首先值得一说的是轻量渐变,轻量渐变属于弱渐变范畴,其特点为渐变色彩邻近,幅度轻柔,节奏缓慢,融合感和细腻感较强。因为轻量渐变多会选择那些明度高、饱和度低的邻近色,所以能很好地表达出设计中的“呼吸感”。这种呼吸感和通透感给人的感觉非常清新,所以在202原创 2022-01-24 14:30:13 · 278 阅读 · 0 评论 -
UI入门第二课:设计师必备的专业技能(实战篇)
算算时间,成为一名UI设计师也快两年了。前不久,跟大家分享了我入行这一年多以来的心得体会,发现反响挺好,到目前为止,依然有不少萌新小伙伴私聊我转行的相关问题。所以我打算将“UI入门”这个话题做一个系列,希望可以帮助到更多准备入门UI设计的朋友。戳:UI入门第一课:如何快速告别职场小白?还没看过的朋友可以快速查看第一讲哦~UI必备的设计技能我发现有很多准备转行的朋友之前连PS都没有摸过,不夸张地说,至少有70%的“UI爱好者”们完全没有实操经验。那么针对这部分的朋友,我建议可以先熟悉下设计原创 2022-01-18 10:30:00 · 450 阅读 · 0 评论 -
都2022年了,你还在看PS脸色小心翼翼作图?
当全世界只剩一款软件可以用,你的选择是?90%的设计师,会毫不犹豫选择Photoshop!!!因为,无论是绘画、合成还是渲染,PS都能游刃有余!!总之,Ps的强大是你所无法想象的。但常在河边走,哪有不湿鞋!今早打开PS就遇到了本年度第一大难题:唉~昨天的班又白加了!为了保证电脑不超负荷运作;我便开始在PS和AI之间反复横跳。当然,结果也是能预料的!!!经过多番较量后内心愈发按捺不住了.原创 2022-01-17 15:32:36 · 412 阅读 · 0 评论 -
PS破解版全网下架?这款国产工具可完美替代
去年,各大平台纷纷下架Adobe全家桶的消息,震惊全网!面对Adobe的封杀,甚至有公司要求员工卸载PS,使用美图秀秀做图。所以各位设计师也不能太依赖Adobe的设计软件,哪天再摊上法律责任!于是,就有人问了:正版买不起,又不能用盗版PS了怎么办?今天,就给大家推荐一款非常优秀的同类软件,比PS性价比更高,一起来看看吧!摹客DT,全新国产设计工具它是一款基于网页而生的在线设计工具,最大优势就是不受物理设备限制,多平台共享,通过一个链接就可以衔接设计师,工程师和原创 2022-01-13 10:30:00 · 3306 阅读 · 0 评论 -
改图15版,甲方选了第1版,心态炸了
对一名设计师而言,每次改稿总在崩溃边缘不断试探,比如: 今天是改稿的第15回,最终又双叒叕改回了第1版; 下午甲方发来消息:这一稿总感觉哪里怪怪的; 桌面被无数个版本填满,一打开桌面,满满的窒息感…… emmm,不得不说,改稿这事肯定在所难免,但我始终在思考一个问题:该用什么方式来缓解不断改稿给我带来的焦虑感?好在最近我发现了一款基于Web端的UI设计工具——摹客DT,它能适当地帮我缓解一些负面情绪。想着独乐乐不如众乐乐,所以干脆跟大家分享下这款原创 2022-01-12 10:30:00 · 733 阅读 · 0 评论 -
年度全新国产设计工具,用完我香疯了
提起设计工具,我想大家首先想到的应该是PS和Sketch。尤其是Sketch,几乎所有国外主流设计团队都将它作为主要的生产力工具,但缺少Win版本、内存占用大、经常崩溃、文件无法实时上传、切换设备需要拷贝源文件等问题,让很多国内设计师望而却步!相比Sketch,我更推荐国内设计师使用摹客DT来作为主要的设计工具。如果问它与Sketch有什么优势?这三点可以说明:使用门槛Sketch:只支持Mac OS摹客DT:支持Windows、MacOS、Linux原创 2022-01-11 10:30:00 · 357 阅读 · 0 评论 -
工具推荐丨ui入门快速上手的设计工具
最近在5G冲浪的时候看到一个做UI的小姐姐分享工作日常,其中有个画面是她的电脑桌面,像这样:就因为这一个画面,下面评论不和谐了,像这样:大佬都这么暴躁的吗?我觉得不管使用什么软件,软件仅仅是一个表达设计想法的工具而已,不是用的软件越前沿、会的软件越多、设计的东西就越厉害!UI设计师真正需要的是产品设计思维,比如清楚公司所在行业、企业产品愿景、用户需求、用户使用场景等,才能设计出真正有价值的作品。说到工具,对小白而言,PS确实存在一定的上手门槛,相比较还有很多更加容易上手的设计工具,这原创 2022-01-10 10:32:43 · 4100 阅读 · 0 评论 -
这款国产工具,让我电脑里的PS、XD都落灰了
当设计项目交付给客户的时候,你确定所有的问题都解决了么?除了令人血压升高的改稿意见外,一次小小的改动,更要来回发 N 多次(令人焦绿~)。幸运的是,我倒有一个方法能够帮助广大设计师大幅减少重复工作,让效率 up up!它就是设计师的“提效”神器 - 摹客DT,一款基于web的多人协同设计工具!目前产品刚刚发布,参与公测还能领取大额红包(文末领取)。至于这款新产品到底会不会受到你的青睐,探讨之前,我们不妨先来了解下这款工具。摹客DT是什么?简单理解,摹客原创 2022-01-04 15:38:39 · 478 阅读 · 0 评论 -
更懂中国设计师,摹客UI设计工具「DT」全新发布
哈喽,小摹来啦!告诉大家一个好消息:我们的UI设计工具摹客DT正式开放公测啦!2018年发布设计协作平台以来,三年间我们陆续推出了原型设计工具、设计系统、任务管理系统等产品,摹客的产品体系不断得到完善。今天,摹客大家庭再添新成员,一款为中国设计师量身打造的UI设计工具——摹客DT正式发布。下面跟着小摹一起来了解一下这款全新的UI设计工具吧!「摹客DT」,更懂中国设计师!在布局上,我们整合了工具栏及属性面板,界面看着更加简洁,看看是不是很熟悉呀~原创 2021-12-16 16:35:21 · 315 阅读 · 0 评论 -
前端开发必备工具,图片问题一网打尽
在职场上,你能帮对方省点事,不仅利于更高效的协作,也能建立一段良好的上下游协作关系,尤其是开发这种耗费脑力和头发的技术活儿~所以今天就和大家一起唠唠,设计师可以从哪些方向减少开发的工作(掉发)量。1.切图压缩之前有位开发朋友跟我抱怨说,每次从代码中停下来去压缩动辄几百K的切图时,别提多烦了~恰恰这个时候,设计师就不得不需要一款切图神器 — 摹客摹客支持Sketch、Photoshop、Adobe XD、Figma自动切图与标注,能帮助设计师大大提升设计稿交付的效率。而且展开右侧.原创 2021-12-01 16:17:48 · 219 阅读 · 0 评论 -
设计师交付工具,妈妈不担心我加班了
最近,有粉丝朋友私信我一个问题,患有社恐的设计师该如何做好设计协作&交付?我认为有一个原则能够有效缓解这种焦虑的情绪,那就是能线上解决的问题就不要当面沟通!对此,我给他推荐了一个专业的设计协作平台——摹客。无论是对接产品经理,还是前端工程师,都能线上全流程协作&交付,可以将面对面沟通的频率降到最低!而且最重要的是,小型团队能够免费使用,零成本就可以线上交付。具体怎么个协作交付法儿,听我慢慢讲~线上全流程协作,减少面对面沟通次数身为一名UI设计师,前接产品经理,..原创 2021-11-22 10:15:00 · 229 阅读 · 0 评论 -
10分钟了解下这个Sketch插件,高效工作,快乐摸鱼
上班摸鱼算是打工人们每天最喜欢做的事了,最近我看到了一则新闻,一位设计师竟因为上班摸鱼被开除了! 要说,公司后台监控软件不足为奇,毕竟可能出于安全防范的考量。不过,居然还统计鼠标点击次数和键盘敲击次数,合着没事用ipad练会画图也不行?!于是,我不禁陷入沉思:同样身为一名设计师,我该如何高效摸鱼不被公司干掉?思考良久后,我得出一个结论:即使摸鱼,但一定要有高质量产出,你总不能指望老板招你来上班是做慈善吧?在此,大家要明确一个...原创 2021-10-12 13:44:52 · 231 阅读 · 0 评论 -
听说原型是UI的工作,我要暴走了…
看到这个话题,忍不住想来参与一波!最近,不管是网上冲浪还是线下吐槽,“原型该谁做”,这是我听到PM和UI讨论最激烈的话题了……如果你家PM对你说“原型是UI的工作,不然UI就是在做美工”,那么你可以认为他即将甩锅了。我们不妨来梳理一下思路,先看一下各自的概念描述:原型图:根据需求文档用线条、图形描绘出的产品框架及逻辑;UI图:跟我们平时在PC端或手机端看到的界面一样,追求1:1呈现最终产品的样貌,为开发提供准确的参考,通常不涉及交互策略。从概念上看,原型图跟需求文档结原创 2021-10-12 13:43:40 · 1275 阅读 · 0 评论 -
UI这样标注切图,再也不用加班了!
UI和前端之间的相(xiang)爱(hu)相(zhe)杀(mo),想必作为老互联网人都是有所耳闻的。例1:UI设计了一个效果,想让前端完成,结果前端残忍地告诉你:做不了!例2:来自前端的灵魂拷问:“这里的间距是多少,为什么没标注?”“图片间隔多少?”“这的icon为什么没有宽和高呢?”“这个字要多大的字号?”……(以上均来源于真实的工作场景~) 以上这两个例子虽然是导致UI和前端“互相看不惯”的主要原因,...原创 2021-09-30 11:40:41 · 539 阅读 · 0 评论 -
国庆不加班攻略丨7款效率神器速领(内附福利)
你注意观察,每年这个时候,大部分互联网公司一定是最忙的。特别是你家的运营和美工同学,国庆是营销大节,不知道多少公司的月度、年度KPI指着靠它去完成,你说能闲得了?最近在楼道抽烟时,隔壁公司一萌新向我吐槽:“领导这次要求国庆活动要多,题材要广,要能割完一次再来一次。光宣传海报都做了一百八十多张。感觉最近带薪入厕的时间被压缩了不少。”这话不假,我也一样。但烟照抽,厕照入,有方法的。作为圈内不知名、5年老运营人,今天将压箱底的七款效率神器分享给大家。熟练一款,国庆节早点下班。文中有福利,扫码领!#原创 2021-09-27 09:01:16 · 279 阅读 · 0 评论 -
深度解析B端设计规范如何落地?
哈喽,今天小摹想要和大家分享的则是关于设计规范的内容。那么具体该怎样将设计规范做到落地呢?来看看小摹推荐的深扒好文吧!以下文章来源于UI头条作者 |Weiyehehttps://www.zcool.com.cn/article/ZMTIyMTgxMg==.html在B端设计中,设计规范怎么建立才能落实下去之前一直困扰着包括我在内的广大设计师老铁们。设计师期望参与产品的每一个角色(产品,设计,前端开发,测试)都能遵循设计规范,结合设计规范内的内容,保证前端开发页面的还原度。因此从.转载 2021-08-30 14:08:37 · 1620 阅读 · 0 评论 -
UX设计师 | 该怎么向父母解释自己的工作
这样的场景一定无法避免:随着假期的到来, 在某个时候,一定会有一个家庭成员问,“你每天上班都做些什么呀!” 以下是我总结出来的最佳回应方式集合。情况不用我多说。假期到了,你回到家。到了晚饭时间,一家人围坐在一起,这是一个欢乐的时刻。晚餐中,有人问你,“诶,你现在在做什么工作呀?”你停顿片刻,不确定应该怎么回答,或者说不知道说了他们是否能明白。然后你回答说:“我是个用户体验设计师。” 那么……问题来了……“哦……啥是用户体验啊?”好家伙。不怕。 我也是这样过来的。 所以在这里献上“放假翻译 2021-08-16 22:42:07 · 110 阅读 · 0 评论 -
设计师如何有效参与团队协作
关于这个话题,我看过好几篇文章,但似乎每篇文章都是在讲“设计师如何参与团队协作”,而忽略了“有效”两个字。有效,我觉得主要包含两个层面的意思:有效率、有效果。作为产品研发团队的设计师,团队协作是工作日常,但如何让协作更有效呢?想让协作更有效,首先我们需要找到导致团队协作低效甚至无效的问题所在。我们可以从设计环节和开发环节来总结:设计环节: 需求方不明确,需求表达不清晰,导致反复改稿,产出效率被拉低 工具不统一,设计师之间协作和共享困难,设计进度缓慢 设计审核流程复杂..原创 2021-08-13 15:21:34 · 272 阅读 · 0 评论 -
设计师如何吸引用户注意力?
对于产品来说,用户注意力是一项非常宝贵的资源。再好的产品或功能只有先被用户看到、发现,才能发挥它原本的价值,才能成为产品的增分项,给用户带来更优的使用体验。那我们应该如何将用户注意力吸引到特定的地方,确保用户能看到他们想看到的东西,或我们希望用户看到的东西呢?今天小摹给大家分享的这篇文章,可以引导给大家更好的交互思路哦~以下文章来源于VMIC UED,作者Joyce前言商业竞争的本质,是对用户注意力的争夺。只有赢得了用户注意力的产品,才可能在残酷的市场竞争中生存延续。.转载 2021-08-06 14:48:49 · 451 阅读 · 0 评论 -
APP动效设计如何做得流畅又实用?
动画效果如今已经深入到 UI界面的每个角落。屏与屏之间的切换因为动效而显得更加连贯,交互的上下文逻辑也因为动效的加持而更加清晰。动效对于产品和用户而言,都是一个不可多得的重要组成部分。这篇文章当中,我会将动效设计的主要原则和标准都汇集到一起,总结出来。动效的持续时长和速度当元素的位置和状态发生改变的时候,动效的速度应该足够慢,维持足够长的时间,让用户能够注意到变化,但是同时,又不能慢到需要用户去等待。大量的研究表明,动效的最佳持续时长是200毫秒到500毫秒之间。这个研究数字是基于人..转载 2021-07-21 09:02:09 · 1025 阅读 · 0 评论 -
大厂设计师的交付细节全公开
5年前,我毕业进入一家业内知名的设计外包公司,正式开启了UI设计师的生涯。在这段经历中,给我的最大感悟就是:千万不能在整个过程中只是被动地画图,然后将成品丢给甲方/程序员就觉得万事大吉。后续的“设计交付 + 走查”缺位,极易造成还原度崩盘。设计稿和成品巨大的反差会加重需求方的不满意,最终导致项目夭折和回款困难。之后的几年,我又陆续经历了数家中型互联网公司的磨炼后,最终加入了某“福报”大厂。期间我也更看清了高阶设计师贡献输出的主要方式,即:顶级的设计产出 + 无懈可击的交付过程。...原创 2021-07-19 10:09:36 · 194 阅读 · 1 评论 -
为什么我们要在 Sketch 中备份所有 Figma 设计
最近,我司的设计管理人宣布我们要从Sketch搬家到Figma啦。Yay! 真香!搬家同时,我们也开始了使用名为 Magicul 的工具。 这个工具会定期将所有的 Figma 设计稿备份为 Sketch 格式。有这个必要吗?问:你不知道 Figma 有版本管理这个功能吗?答:Figma 是一个锁定的生态。 Figma 从技术上讲只有版本历史,而不是版本管理。在这之前,我们用 Sketch 的时候也用 Abstract做备份。现在公司延续了这个规定,我们在Figma之外,仍然需要备份设翻译 2021-07-01 16:23:32 · 277 阅读 · 0 评论 -
好的设计要多分享,5款优秀在线原型设计案例
APP类1、外卖送餐APP-UberEatsUberEats是继Uber主应用推出后五年来发布的首个独立送餐应用,在能够使用UberEats的城市中,Uber每天将与数家餐厅进行合作,向其用户提供食品,而送餐的任务还是由Uber的驾驶员来完成,其完成一单服务通常只需要几分钟。就像使用打车服务一样,用户可以通过智能手机追踪其所订食品的送递进度。这类APP中用的最多的组件就是图片,可以设计出图片轮播、滚动区等效果来展示丰富的图片素材。在这款原型中,我用了面板、内容面板以及选项卡等原创 2021-06-30 09:23:36 · 1613 阅读 · 1 评论 -
点餐小程序原型模板-书亦烧仙草
书亦烧仙草是一款基于微信生态的点单小程序,用户能在小程序中下单支付,继而到店自取。相较于APP,小程序的功能相对简洁且开发成本低,通过模版化的设计可以帮助团队搭建页面,快速迭代上线。模板共24个页面,包含了从线框开始到最终的UI设计,使用了轮播、弹窗等柔和的交互方式,使用的组件包含包括面板、内容面板、选项卡等常用组件,展示基本的页面跳转。线框图界面:设计稿界面:原型编辑地址:https://app.mockplus....原创 2021-06-23 12:01:06 · 1492 阅读 · 0 评论 -
5款相见恨晚的在线设计工具,原型海报流程图轻松搞定
简介在线设计,正在成为潮流。不论你是交互还是视觉设计师,不论你是产品经理还是运营,不论你是技术还是销售,都可以选择在线设计工具——再也不用下载几个GB的安装包,或者愁着文件没存,随时随地,你都可以做设计、与人协作、分享便捷,整体都更为简单高效。下面,我们为你介绍5个工具,涵盖原型设计、平面设计、流程图设计等场景。摹客canva创客贴稿定设计Processon一、摹客2019年,“摹客设计云”上线,集原型设计、协作设计、设计系统为一体,革新企业产品设计的全...原创 2021-06-19 11:52:43 · 261 阅读 · 0 评论 -
Figma真好用,8个让我不用Sketch的理由
前言:设计不断的变化,而设计工具也一直在更新换代,设计师要想提高效率,就要选着好用的设计工具。做 UI/UX 设计,过去最常见的工具是 Axure、Sketch 和 Adobe XD。这三款软件通常认为前者产品/交互用得多些,后者 UI/视觉用得多些,而 Sketch 通用性比较强,所以我用得最多。但是自从开始用 Figma 之后,我打开 Sketch 的次数就越来越少了。1、发展迅猛一看数据,原来不光是我,Figma 这几年可以说真的是异军突起,不服不行:Figma .转载 2021-06-11 15:36:48 · 1244 阅读 · 0 评论 -
如何设计出色的网站后台原型?
我们常常听到这类型的需求:“数据面板设计”, “控制面板设计”, “仪表盘设计”或“后台界面设计”,它们基本都属于网站后台设计范畴。相比前端设计,网站后台原型设计难度往往更高。为什么后台比前端原型设计更难?我找到一个高赞回答:用户只要大量地使用过别的产品,便会建立起相应的心智模型。然而后台对于很多人而言却非常陌生,毫无心智模型可言,也难以做竞品调研。说的很透彻,后台设计难点在于:很难找到参考的竞品。我们如何才能设计出出色的网站后台原型?一个不错的后台原型设计得满足功能性要原创 2021-06-08 15:34:32 · 1051 阅读 · 0 评论 -
Instagram的UX和UI的演变史
介绍用户体验(UX)和用户界面(UI)有着千丝万缕的联系。 这两个术语的意义常常被误解: UX设计师需要平衡业务目标和产品目标,同时对用户的需求也有深刻的理解。 UI设计师确保产品的界面直观,响应迅速并且尽可能吸引人。为了使app能满足对标人群不断变化的需求,需要定期对UX和UI进行更新。 在本文中,我们将深入研究Instagram(一款非常流行的社交网络应用程序)在过去十年来UI和UX的发展和演变。背景Instagram最初是一个照片共享社区。最开始的愿景是要将亲朋好友们聚集在同一个地方来分翻译 2021-05-12 15:07:28 · 316 阅读 · 0 评论