首页

2025年UI设计师必看的15个网站

蓝蓝设计的小编 设计管理与成长

想要成长为一名优秀的设计师,紧跟潮流,不断吸收新的设计思想和灵感,绝对是极其重要的职业素养。
随着2025年的到来,设计行业内卷越发严重,对设计师的要求也更高,如何高质高效地进行设计,是每个设计师都要考虑的。今天,本文精选了15个网站,你可以从中了解最新设计趋势,寻找创意灵感,学习优秀作品,成长为更卓越的设计大牛~
一起来看看这15个网站吧!
 
1、
Dribbble
Dribbble是全球最大的设计师交流网站,设计师可以在这里寻找灵感,展示自己的设计作品,分享设计理念、设计技巧、设计工具等。为了方便大家学习交流,你可以在作品下方留言,同时也能通过其他人的评论,学习到不同的设计风格和创意思路。
不仅如此,Dribbble还有求职版块,许多知名的设计公司和品牌都会在上面发布招聘信息,你可以在这里看看有没有合适的机会。对设计师来说,Dribbble真的是一个很好的学习、展示和成长的平台~
访问地址:https://dribbble.com/
2025年UI设计师必看的15个网站
 
 
 
2、摹客资源社区
摹客是一个“设计+协作”的平台,专为设计师和产品经理打造,上手简单,不管是画线框图、高保真原型图、流程图还是做UI设计,它都能轻松满足需求。
此外,摹客还有一个资源社区,提供了丰富的模板例子,模板涵盖各个领域,无需下载,一键保存就能快速复用。编辑完成后,设计师还可以使用摹客协作,让团队小伙伴一起评论审阅,开发小伙伴还能直接获取标注信息和CSS代码,真的大大提升了团队的工作效率!
2025年UI设计师必看的15个网站
 
 
 
3、优设
优设是国内专业的设计师平台,汇聚了大量的设计教程、行业资讯、作品展示以及设计趋势,致力于帮助设计师提升技能、获取灵感。
它的设计资源丰富,包括高质量的UI/UX设计案例、免费设计模板、图标和字体等,供设计师们免费下载使用。同时,它还设有设计问答版块,设计师们可以在此交流经验、分享作品、提出问题,共同成长进步!
访问地址:https://www.uisdc.com/
2025年UI设计师必看的15个网站
 
 
 
4、
Medium
Medium是全球知名的创作平台,汇聚了来自各行各业的内容创作者,包括设计师、开发者、产品经理等。在这里,设计师可以读到各种关于UI/UX设计、产品设计思维、设计实战复盘等干货。
它最大的优势在于有很多高质量的原创文章,以及广泛的社区讨论,设计师不仅可以通过文章获取灵感,还能参与到行业讨论中,拓宽视野。许多设计大咖和行业专家也在Medium上发布深度分析和案例研究,是设计师提升专业能力的宝贵资源。
访问地址:https://medium.com/
2025年UI设计师必看的15个网站
 
 
 
5、
Pinterest
Pinterest是一个以视觉内容为主的社交媒体平台,广受设计师喜爱,特别适合用来寻找设计灵感。它拥有海量的图片和创意,覆盖从UI设计到插画、品牌设计等各种领域。设计师可以根据自己的兴趣和需求,通过关键词搜索来发现相关的设计作品。
值得一提的是Pinterest的收藏功能,你可以将喜欢的设计作品“钉”到自己的个人主页上,便于随时查看和参考。
访问地址:https://www.pinterest.com/
2025年UI设计师必看的15个网站
 
 
 
6、
花瓣网
花瓣网是国内知名的创意设计平台,用户可以利用它的采集工具,轻松收集网络上的图片和灵感。与Pinterest不同的是,花瓣网有很多本土化内容,许多国内设计师的作品和灵感都可以在这里找到。此外,它还拥有超过1亿的高质量素材,并提供海报、背景图、矢量图、字体、插画漫画等多种素材模板,好满足设计师的多样化需求。
访问地址:https://huaban.com/
2025年UI设计师必看的15个网站
 
 
 
7、Awwwards
Awwwards是全球知名的设计奖项和创意展示平台,专注于展示互联网领域的最佳网站和数字创意。它汇聚了全球顶尖的设计师的作品,展示了最新、最前沿的设计趋势。Awwwards每年都会对设计作品进行评选,结合用户投票和专业评审,评选出最具创意和表现力的作品。
设计师可以在这里浏览获奖作品,分析成功案例,获取灵感,提升自己的设计水平。另外,Awwwards网站本身的设计也很潮,非常值得一看哦~
访问地址:https://www.awwwards.com/
2025年UI设计师必看的15个网站
 
 
 
8、One Page Love
对于设计师来说,单页网站设计是个不小的挑战:如何在有限的空间里,呈现丰富的内容、提供良好的用户体验并确保设计美观呢?One Page Love会告诉你答案。
它是一个专注于单页网站设计的平台,自2008年成立以来,已经收录了超过8180个优秀的单页网站设计。这些案例展示了各种各样的设计风格和创意解决方案,是设计师们学习单页网站设计的理想资源库。
访问地址:https://onepagelove.com/
2025年UI设计师必看的15个网站
 
 
 
9、Lapa Ninja
Lapa Ninja是一个提供着陆页设计案例的网站,网站共展示了6749个着陆页设计,通过完整的网站截图,为用户提供真实的着陆页示例作为灵感来源。无论是设计师寻求创意灵感,还是老板想要了解如何打造吸引人的着陆页,这个网站都能提供有价值的参考。
访问地址:https://www.lapa.ninja/
2025年UI设计师必看的15个网站
 
 
 
10、Deviant Art
DeviantArt 是全球最大的艺术社区之一,集结了来自世界各地的设计师、插画师、摄影师、动画师等艺术创作者。无论是传统的绘画、雕塑,还是数字艺术、摄影作品等,任何艺术形式都能在这里找到展示空间。
对UI设计师来说,多看看不同类型的艺术设计,也许会收获意想不到的灵感!
访问地址:https://www.deviantart.com/
2025年UI设计师必看的15个网站
 
 
 
11、Designspiration
Designspiration是一个极具创意的设计灵感资源平台,内容包含多种设计领域,比如平面设计、室内设计、产品设计、时尚设计等。它的内容质量很高,很多作品都来自世界各地优秀的设计师或者设计工作室。而且,它的搜索功能很好用,可以按照不同类型、颜色、风格和关键词进行搜索,极大地方便了设计师的工作。
访问地址:https://www.designspiration.com/
2025年UI设计师必看的15个网站
 
 
 
12、Land-book
Land-book是一个网站设计灵感图库,网站上展示的都是精心挑选的内容,还会每日更新内容,好让用户及时获取到最新的网站设计趋势和案例。其内容涵盖多种类型,包括着陆页、电子商务页面、作品集等,设计领域包含互联网、时尚服饰、金融等多个行业。
总之,Land-book对于设计师来说,是一个获取灵感、了解行业动态的优质资源平台。
访问地址:https://land-book.com/
2025年UI设计师必看的15个网站
 
 
 
13、Mobbin
移动端设计的需求已经渐渐超过网页设计了,而Mobbin就是专门收集APP界面、布局设计的网站。不管你是要寻找手机的登陆界面、搜索页面、配置页面、还是知名品牌的APP界面等,都能快速找到!并且,Mobbin还会定期更新内容,确保展示的设计资源紧跟最新潮流,让你始终接触到最前沿的计思路。
访问地址:https://mobbin.com/
2025年UI设计师必看的15个网站
 
 
 
14、NavNav+
导航栏对网页、APP来说至关重要,它是用户的领路人,一个好的领路人才能留住用户。NavNav+是一个专门收集导航栏设计的平台,涵盖了各种类型和风格的导航栏设计案例,如传统的水平导航、侧边栏、下拉菜单、全屏菜单等。设计师可以在这里找到大量的创意灵感,了解不同场景下导航栏的设计方式和趋势。
访问地址:https://navnav.co/
2025年UI设计师必看的15个网站
 
 
 
15、Unsplash
Unsplash是一个免费的平面设计图素材网站,提供了各种类型的高质量图片,包括标志、海报、网站设计、插画等等。图片涵盖了各种各样的主题,包括风景、人物、建筑、动物、抽象概念、商业场景等,你可以按照不同的主题进行搜索,并免费下载所需的图片。此外,Unsplash还提供了一个社区,你可以在这里分享自己的作品,以及和其他设计师摄影师交流~
访问地址:https://unsplash.com/
2025年UI设计师必看的15个网站
 
 
 
以上就是为大家精心整理的网站资源,相信在使用这些网站的过程中,你会发现更多的惊喜和创意。让我们一起学习进步,争取2025年的UI设计水平更上一层楼!


作者:摹客设计云
链接:https://www.zcool.com.cn/article/ZMTY0NzU0MA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

原型不知道怎么设计?看完这8大原则!

蓝蓝设计的小编 设计管理与成长

原型设计8大原则,大厂产品经理干货分享!
 
 
如果你经历过在项目中后期推翻方案、修改设计、频繁返工的痛苦,你一定会明白原型设计的重要性。多年产品职业生涯告诉我,每一个成功项目的背后,都离不开一个扎实的原型设计。
通过原型,我们可以尽早发现问题,节省时间和金钱,让设计师和开发更轻松。接下来,我将从多年的实践经验出发,分享一些关于原型设计的核心原则,希望能对你有所启发。
以下是想要设计出一个优秀原型的八大原则:
原则 1:了解你的用户。
原则 2:明确原型设计的重点。
原则 3:选择合适的原型设计工具。
原则 4:少计划,多实践。
原则 5:放轻松!第一个原型总是比较粗糙。
原则 6:多和设计师、开发交流
原则 7:重视原型可维护性
原则 8:记录你的收获
 
1、了解你的用户
设计并不是单向的输出,而是与用户的对话。原型设计的起点就是深入了解目标用户,挖掘他们的需求、痛点、行为模式和使用场景。只有这样,当产品创意通过原型呈现出来,才能够真正解决用户的问题。
这就要求我们在进行原型设计时要做到:
1)做好用户研究,包括问卷访谈、调查等各种方式,以收集用户数据。
2)从用户的角度出发,思考他们如何与产品互动。
3)设计原型时,确保它符合用户的使用习惯。
可以说,原型设计的成功与否,很大程度上取决于我们对用户理解的深度,因此在研究用户方面,做多少工作都不为过。
 
2、明确原型设计的重点
在设计原型之前,首先要明确它的核心目标:是简单绘制下线框,讨论出产品大致框架?还是精细绘制出某个功能模块的交互?亦或是做高保真原型,以便产品演示?
每一次画原型都应该聚焦于核心目标,而不是试图一次性解决所有问题。不要担心一次原型无法涵盖所有细节——产品设计是一个不断迭代的过程,我们可以通过多个阶段的原型逐步验证假设,先明确产品的核心框架与基础功能,再逐步细化到实际体验和产品完成度。这样,我们便能在每一次原型设计迭代中,对不同方面加以优化完善,推动原型逐步趋近于理想的产品形态。
 
3、选择合适的原型设计工具
想要高效地完成原型设计,选择合适的工具至关重要。每种工具都有自己的特点,选择时,首先要评估项目的需求和复杂度。如果处于早期概念验证阶段,简单的绘图工具或低保真原型工具足够用了;而到了产品细化阶段,建议使用交互功能强大、更专业的原型设计工具。以下是我都用过且体验不错的产品:
 
1)摹客RP - 在线快速原型设计
摹客RP有大量的预设组件、丰富的原型模板,拖曳即用,大大提高了工作效率。它的交互能力也很强大,是少有的能完美继承Axure使用习惯和资源的原型设计工具。同时,它还支持强大的多人实时编辑能力,非常适合新手和对协作要求较高的团队。
原型设计8大原则,大厂产品经理干货分享!
 
 
 
2)Axure - 全面交互设计
使用地址:https://www.axure.com/
知名度最高的原型工具,优点也确实突出,交互功能非常强大,拥有丰富的交互组件库,几乎能制作任何交互效果,完美模拟出真实的应用场景和用户操作体验。不过需要说明的是,Axure上手难度大,协作功能很弱,并且近年来产品迭代的速度已经放缓,更推荐有复杂交互项目制作需求的团队使用。
原型设计8大原则,大厂产品经理干货分享!
 
 
 
3)Figma - 高保真原型设计
使用地址:https://www.figma.com/
在UI设计领域,Figma可谓大名鼎鼎,考虑到它在分享和协作上的优势,以及团队的设计师一般比产品经理多,有部分产品经理也直接用Figma绘制原型了。它的交互能力比较弱,更适合交互功能简单且需要高保真原型设计的团队。另外,Figma定价昂贵,更适合预算较高的团队使用。
原型设计8大原则,大厂产品经理干货分享!
 
 
 
4、少计划,多实践。
原型设计中常见的顾虑之一,是担心设计达不到我们脑海中的理想,容易陷入“还没完成”的心态。其实,画起来就好!不要过于执着规划“该做什么”,因为在设计过程中,我们会遇到新的问题,而具象化的原型图也会让我们的思维更清楚。
在这个阶段,通过设计倒逼思考,反倒是帮助我们深入思考产品的最佳途径。
 
5、放轻松!第一个原型总是比较粗糙。
“文章的初稿,都是狗屎。”这是文学大家海明威说的,虽然看起来有点粗俗,但确实是他的经验之谈。
其实原型也一样,第一个原型注定会有瑕疵,所以请放轻松。正因如此,我们才需要循序渐进地去完善原型。最好从低保真线框图开始,一步步迭代优化,在这个过程中,越早失败、反复尝试,并迅速调整方向、减少资源投入,才是正确路径,也是原型设计的意义所在。
 
6、多和设计师、开发交流
有人说,新手产品经理画原型就是单纯画原型,而资深产品经理画原型前就担心产品能不能实现了。原型设计不是屠龙,而是要开发出切实可用的产品。因此,产品经理在进行原型设计时,不应该完全以自己的想法进行设计。
我们需要和设计师、开发一起协作,最好在原型设计阶段就确定好功能的可实现性,这样做能大大规避后续流程中的反复与延误,显著提升团队的工作效率与产出质量,为项目的顺利推进奠定坚实基础。
原型设计8大原则,大厂产品经理干货分享!
 
 
 
7、重视原型可维护性
原型并非一次性产物,在设计时就要考虑后续的维护与更新。这就要求产品经理画原型时,一定要使用规范的命名、清晰的图层管理以及合理的组件复用,让原型在需求变更或功能拓展时更易于修改。
比如,当项目中某个通用模块的设计需要调整,如果之前构建原型时做好了组件复用,只需修改对应的组件,相关页面组件就会一键同步更新,大大节省了时间与精力,原型就能灵活适应项目发展的各种变化。
 
8、记录你的收获
在原型设计的整个过程中,记录复盘每一次收获至关重要。比如:记录好大家提出的各种备选方案、不同观点,以及从中获得的经验和见解。
这个小小的习惯极有可能帮了你大忙,因为产品设计流程复杂且多变,你无法预知何时需要回溯之前被忽略的内容。如果你做好了记录,后面需要改变时,就能快速定位问题根源并进行针对性迭代。
 
以上8条原则为原型设计提供了全面且实用的指导,有助于我们少走弯路。请记住,这8条原则并非孤立的存在,而是一个有机整体,我们在实际工作中,应不断尝试与调整,将它们灵活融入到工作流程。只要认真遵循了这些原则,离打造出一个成功的产品就不远啦!


作者:摹客设计云
链接:https://www.zcool.com.cn/article/ZMTY0Nzk0MA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

ui设计师的产品体验日记

蓝蓝设计的小编 设计思维

产品体验日记01
 
 
 
 
 
体验目录
一.标签栏图文转换设计
二.3D元素运用
三.笔记本个性化封面设计
四.古风APP视觉赏析
五.通关模式学习设计
六.宠物养成陪伴成长
七.品牌化设计
八.寓意深远的微动效
九.IP元素的场景应用
十.优秀产品分享
 
 
一.标签栏图文转换设计
开眼在标签栏设计中,采用了独特的图文切换点击模式,这一设计颇为新颖。动效在图文之间切换时流畅自然,为用户带来了极为舒适的视觉体验,整体表现尤为亮眼,令人印象深刻。
产品体验日记01
 
 
 
 
二.3D元素运用
知源中医在“VIP会员”页面设计中,融入了3d视觉元素,这一创新极大增加了页面的空间层次,为用户带来焕然一新的视觉体验。
产品体验日记01
 
 
 
 
三.笔记本个性化封面设计
千本手账个性化“创建笔记本”功能,让用户可以自主选择或设计封面。借鉴实体笔记本,融合数字创意,既保留质感又便捷。个性化设计既满足用户对美观笔记本的追求,又无需额外花费即可拥有心仪的笔记本。精准捕捉用户个性化需求,激发情感共鸣。持续提供吸引力功能,吸引用户关注与参与,记录生活同时享受创造乐趣。
产品体验日记01
 
 
 
 
四.古风APP视觉赏析
长相思产品设计,古风宋韵独树一帜,视觉冲击力强,如细腻古风画卷,引人穿越千年雅致。每一处细节尽显文化底蕴与匠心,令人沉醉,不仅是视觉盛宴,更是心灵触动,激发无限遐想,每一次接触都是难忘文化之旅。
产品体验日记01
 
 
 
 
五.通关模式学习设计
在百词斩的“一起背”页面设计中,其创新地融入了游戏通关领取奖励的背诵模式。这一设计策略巧妙地激发了用户的好胜心和好奇心,使得用户在挑战自我、追求成就的过程中,对产品产生了更深的依赖与喜爱。通过这种方式,百词斩不仅提升了用户的学习动力,还进一步增强了用户对产品的忠诚度与粘性。
产品体验日记01
 
 
 
 
六.宠物养成陪伴成长
"我要做计划"这款App创新融合虚拟宠物陪伴成长,针对用户“三分钟热度”,让宠物成为计划的忠实监督者。通过定时提醒、情感互动,深度链接用户情感,增强依赖与归属感。这款App不仅高效有趣地助力自我提升专注力,还营造温馨激励的成长氛围,让用户在成长路上感受宠物“小伙伴”的温暖力量。
产品体验日记01
 
 
 
 
七.品牌化设计
在古茗的首页设计中,品牌元素以精致入微的动效形式巧妙融入页面布局之中,这一创意手法极大地加深了用户对品牌的记忆点与认同感。微动效过渡自然流畅,更以鲜明的视觉冲击力脱颖而出,成功吸引并锁定了用户的注意力。在增强页面活力的同时,也保持了整体视觉效果的和谐与统一,使得用户在享受流畅浏览体验的同时,对古茗品牌留下了深刻而美好的印象。
产品体验日记01
 
 
 
 
八.寓意深远的微动效
得到在电脑端“每日成长”设计中,微动效寓意深远:高山象征阻碍,预示挑战将过;书障寓意学习难关,书指明路,积智前行;大雁述说坚持与梦想,终达辉煌。这样的设计,不仅让页面充满了生动与活力,更在无形中传递着一种积极向上的力量,激励着每一个人在成长的道路上不断前行,不断超越自我。
产品体验日记01
 
 
 
 
九.IP元素的场景应用
在coStudy咨询处页面设计中,IP元素融入功能图标,增强品牌展现,吸引用户,让图标彰显品牌魅力,用户交互中深刻感受品牌特色;此设计提升体验,巩固品牌形象,实现品牌与功能完美共生。
产品体验日记01
 
 
 
 
十.优秀产品分享
小日常产品采用了一种扁平化的手绘线性风格,这种风格清亮简约且独具特色。产品中的各项功能大多以图标的形式直观展现,设计巧妙,极大地提升了用户的操作便捷性。其学习成本极低,所涵盖的功能均为日常高频所需,能够迅速帮助用户记录下各类重要事项,有效避免遗忘。对于现代忙碌的上班族而言,小日常产品无疑是一个理想的选择。它以其便捷性、快速响应和简单易用的特点,完美融入了快节奏的工作生活中,成为了用户不可或缺的日常助手。
产品体验日记01

作者:画画的云莳
链接:https://www.zcool.com.cn/article/ZMTY0ODI4MA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

2025 年 UI 大屏设计新风向

蓝蓝设计的小编

 
在科技日新月异的 2025 年,UI 大屏设计领域正经历着深刻的变革。随着技术的不断进步和用户需求的日益多样化,新的设计风向逐渐显现。了解并掌握这些趋势,对于设计师打造出更具吸引力和实用性的 UI 大屏作品至关重要。

一、沉浸式体验设计

如今,用户不再满足于简单的信息展示,他们渴望更具沉浸感的交互体验。2025 年,UI 大屏设计将更加注重通过空间感营造、动态效果和音效配合来打造沉浸式场景。例如,在城市交通监控大屏设计中,运用 3D 建模技术展示城市道路的立体布局,车辆和行人的动态模拟更加逼真,同时加入实时的交通环境音效,如车辆行驶声、信号灯提示音等,让监控人员仿佛置身于真实的交通场景中,能更快速、准确地做出决策。

二、极简主义与信息聚焦

信息爆炸的时代,用户注意力愈发分散。极简主义在 2025 年的 UI 大屏设计中依然占据主导地位,设计将更加聚焦于核心信息的呈现。去除繁杂的装饰元素,采用简洁的线条和布局,以突出关键数据和重要内容。在企业数据展示大屏上,仅保留最能反映业务关键指标的数据图表,通过大字体、鲜明色彩对比来强调数据的变化趋势,让决策者一眼就能获取关键信息,避免被过多无关信息干扰。

三、动态与交互性增强

静态的大屏展示逐渐被动态交互设计所取代。2025 年,UI 大屏将具备更多的动态效果和交互功能。比如,当用户点击大屏上的数据点时,相关的数据详情会以动画形式展开,图表之间也能通过交互操作实现数据关联展示。在教育领域的知识展示大屏中,学生可以通过触摸或手势操作,动态切换不同的知识点,探索知识的内在联系,这种互动式学习体验能极大地提高学习的积极性和效率。

四、可持续性设计理念融入

随着环保意识的增强,可持续性设计理念在 UI 大屏设计中崭露头角。这不仅体现在选择环保的显示材料和节能的技术方案上,还包括在设计风格上倡导简约、避免过度设计造成资源浪费。例如,采用低功耗的显示屏幕,减少不必要的视觉特效以降低能源消耗;在色彩选择上,优先使用自然、低饱和度的色彩,营造舒适且环保的视觉氛围。

五、跨平台与多设备协同设计

2025 年,各种智能设备相互连接,形成一个庞大的生态系统。UI 大屏设计需要考虑与多种终端设备的协同工作,实现跨平台的无缝衔接。例如,在医疗领域,医生可以在医院的大屏上查看患者的整体病历和检查数据,同时通过移动端设备随时调取详细的检查报告和影像资料,这种跨平台的协同设计方便了医疗工作的开展,提高了医疗服务的效率和质量。

六、个性化定制与用户参与

每个用户都有独特的需求和偏好,2025 年的 UI 大屏设计将更加注重个性化定制。用户可以根据自己的使用习惯和业务需求,对大屏的布局、展示内容和交互方式进行一定程度的自定义设置。同时,鼓励用户参与到设计过程中,通过收集用户反馈和使用数据,不断优化设计,使大屏设计更贴合用户的实际需求。
总之,2025 年的 UI 大屏设计正朝着更加沉浸式、简洁高效、动态交互、可持续、跨平台协同以及个性化的方向发展。设计师们需要紧跟这些新风向,不断创新和提升自己的设计能力,才能打造出符合时代需求的优秀 UI 大屏作品,为用户带来更优质的体验。

如何做好 UI 大屏设计

蓝蓝设计的小编

做好 UI 大屏设计需要综合考虑多个方面的因素,从明确设计目标和用户需求,到合理的布局规划、色彩搭配、数据可视化设计,再到适配性与性能优化以及细节处理和用户反馈等。只有在每一个环节都做到精益求精,才能打造出优秀的 UI 大屏设计作品,为用户带来卓越的视觉体验和高效的信息传递。

一起来看看像素风UI设计~

蓝蓝设计的小编 系统UI设计文章及欣赏

像素风 UI 设计
 
 
收藏
像素风 UI 设计
 
 
收藏
像素风 UI 设计
 
 
收藏
像素风 UI 设计
 
 
收藏
像素风 UI 设计
 
 
收藏
像素风 UI 设计
 
 
收藏
像素风 UI 设计
 
 
收藏
像素风 UI 设计
 
 
收藏
像素风 UI 设计
 
 
收藏
像素风 UI 设计
 
 
收藏
像素风 UI 设计
 
 
收藏
像素风 UI 设计
 
 
收藏
像素风 UI 设计
 
 
收藏
像素风 UI 设计
 
 
收藏
像素风 UI 设计
 
 
收藏
像素风 UI 设计
 
 
收藏
像素风 UI 设计
 
 
收藏
像素风 UI 设计
 


作者:黑马青年
链接:https://www.zcool.com.cn/work/ZNzA1MDgwMzY=.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

AI 时代下,交互设计师要掌握哪些能力?

蓝蓝设计的小编 交互设计及用户体验

在 AI 技术迅猛发展的当下,交互设计领域正经历着深刻变革。交互设计师要想在这个新时代站稳脚跟并有所建树,需要掌握一系列与时俱进的能力。
对 AI 技术的理解与运用能力是基础。交互设计师不必成为 AI 技术专家,但要深入了解 AI 的基本原理、应用场景和局限性。例如,了解自然语言处理技术如何实现智能语音交互,图像识别技术怎样用于图像搜索和分类等。只有这样,才能将 AI 技术巧妙融入交互设计中。比如设计一款智能客服界面,设计师了解 AI 的对话逻辑后,就能优化界面布局,合理展示 AI 给出的回答,同时设计方便用户反馈和纠错的入口,提升用户与智能客服交互的流畅性。
 
用户洞察能力的深化至关重要。AI 时代,用户对交互体验的期望更高,他们渴望更个性化、智能化的服务。交互设计师要借助 AI 工具,如大数据分析、用户行为监测等,更精准地洞察用户需求和行为模式。通过分析用户在 APP 中的浏览历史、操作习惯等数据,挖掘用户潜在需求,进而设计出更贴合用户心意的交互流程。比如在一款音乐 APP 中,依据 AI 分析用户的音乐偏好,为用户精准推送个性化的歌单,提升用户的使用满意度。
 
跨学科协作能力不可或缺。AI 项目往往涉及多个领域的专业知识,交互设计师需要与 AI 工程师、数据科学家、产品经理等紧密合作。在协作过程中,要能够清晰表达自己的设计理念,理解其他专业人员的技术语言和工作内容。例如在开发一款智能驾驶座舱交互系统时,交互设计师要与工程师沟通,确保设计的交互界面符合车辆的技术架构和安全标准,同时向产品经理阐述设计方案如何提升用户体验,共同打造出优秀的产品。
创新设计思维能力是关键。AI 为交互设计带来了无限可能,设计师要敢于突破传统思维模式。例如,基于 AI 的情感识别技术,设计出能根据用户情绪变化调整界面风格和内容推荐的产品。或是利用 AI 生成式设计,快速探索多种设计方案,从中找到创新的交互形式,为用户带来前所未有的体验。
数据素养能力也不容忽视。交互设计师要学会分析和解读数据,通过数据评估设计方案的优劣。例如,通过 A/B 测试数据,了解不同交互设计方案下用户的转化率、留存率等指标,以此为依据优化设计。同时,要能从数据中发现问题和趋势,为设计方向提供数据支持。
 
在 AI 时代,交互设计师只有不断提升自身能力,融合技术与设计思维,才能创造出更具价值、更符合用户需求的交互体验,在行业中保持竞争力。

ui设计公司教你从0认识交互设计

蓝蓝设计的小编 交互设计及用户体验

交互设计是很多设设计师心向往之的领域,很多设计师在进入职场一两年后,会开始思考如何转型交互设计师?除了这个学科本身的魅力之外,它还赋予设计师的很多其他价值。那如何去学习交互设计呢?作为一名交互设计师,我想整理一套交互设计体系知识,结合自己的学习和项目经验写到文章中分享给大家看,希望能对大伙转行交互设计有一些些帮助!全文多达10000+字,阅读时间会比较久,感谢你的细心阅读,如你有建议可反馈留言!

 

 

 

 

 

 

 

 

1、关于设计名词

 

在全面走进交互领域之前,我们可以先了解一些基础设计名词,行业有很多与设计相关的术语名词,例如UI、GUI、UE/UX、HMI、HCI、HF、IXD、ID、VD等等。行业招聘信息里也经常会有很多名词术语,如下图。由于设计的关联性很强,很多时候我们被这些名词弄得头晕,对自己的职业规划和定位也变得模糊。

 

 

 

 

 

1.1、设计名词的分类

 

1.1.1、按照设计学科

 

从学科角度,我查阅了大量的资料,分类如下:人因工程,工业设计,交互设计,用户体验设计,视觉传达设计等学科。涵盖了国内外高校开设的学科专业。用户体验设计在行业里已经被普及,但目前在高校中还是比较少的。不过用户体验设计已然是大势所趋,越来越被重视。

 

 

人因工程:简称HF(Human Factors Engineering),是研究人、机、环境三者之间关系的学科;(美国称人类工程学,西欧称人类工效学,日本称人间工学,国内命名更多如:人机工程学,人体工程学、工程心理学等),关于这类知识大家可以看看华为设计师的课程《基于人因的用户体验设计课程》

 

 

定义1:根据国际人类工效学学会于2000年的定义:“人类工效学(Ergonomics)是研究人在某种工作环境中的解剖学、生理学和心理学等方面的各种因素;研究人和机器及环境的相互作用;研究在工作中、生活中和休息时怎样统一考虑工作效率、人的健康、安全和舒适等问题的学科。

 

 

定义2:中国企业管理百科学全书:研究人和机器、环境的相互作用及其合理结合,使设计的机器和环境系统适合人的生理心理等特征,达到在生产中提高效率、安全、健康和舒适的目的。

 

 

工业设计:简称ID(Industrial Design),指以工学、美学、经济学为基础对工业产品进行设计;工业设计又称工业产品设计学,工业设计分为产品设计、环境设计、传播设计、设计管理4类。工业设计涉及到心理学,社会学,美学,人机工程学,机械构造,摄影,色彩学等。

 

交互设计:简称IXD(Interaction Design),关于交互设计部分的详细内容,在后文再讲解,包括交互设计的发展、概念、重要性、核心要素、入门要求等;

 

人机交互:简称HCI(Human–computer interaction)或HMI(Human–machine interaction),是一门研究系统与用户之间的互动关系的学问。系统可以是各种各样的机器,也可以是计算机化的系统和软件——摘自维基百科。

 

用户体验设计:简称UED/UXD(User experience Design),是以用户为中心的一种设计手段,以用户需求为目标而进行的设计;用户体验:简称UE/UX(User experience)

 

视觉传达设计:简称VD(Visual design),是为传播特定事物通过可视形式的主动行为。大部分或者部分依赖视觉,并且以标识、排版、绘画、平面设计、插画、色彩及电子设备等二度空间的影像表现;

 

1.1.2、按照载体媒介

 

用户界面:简称UI(User Interface),是指对软件的人机交互、操作逻辑、界面美观的整体设计;是系统和用户之间进行交互和信息交换的媒介,它实现信息的内部形式与人类可以接受形式之间的转换

 

图形用户界面:简称GUI(Graphical User Interface),是指采用图形方式显示的计算机操作用户界面;是一种人与计算机通信的界面显示格式,允许用户使用鼠标等输入设备操纵屏幕上的图标或菜单选项,以选择命令、调用文件、启动程序或执行其它一些日常任务。

 

人机界面:简称HMI(Human–machine interaction),人机界面(又称用户界面或使用者界面)是系统和用户之间进行交互和信息交换的媒介, 它实现信息的内部形式与人类可以接受形式之间的转换。凡参与人机信息交流的领域都存在着人机界面。ps:HMI这个概念在上文也提到,在学科领域可用来代表人机交互。

 

Ui和GUI、HMI差别是什么,UI (用户界面)是一个广泛的概念,包括硬件和软件设计,包括GUI,HMI;GUI是用户图形界面,仅指软件视觉界面,HMI是人机界面,与人信息交流的界面。

 

1.1.3、按照设计模式

 

以用户为核心的设计:UCD(User Centered Design)是指以用户为中心的设计。是在设计过程中以用户体验为设计决策的中心,强调用户优先的设计模式;在进行产品设计、开发、维护时从用户的需求和用户的感受出发,围绕用户为中心进行产品设计、开发及维护,而不是让用户去适应产品。无论产品的使用流程、产品的信息架构、人机交互方式等,以UCD为核心的设计都时刻高度关注并考虑用户的使用习惯、预期的交互方式、视觉感受等方面。

 

以技术为核心的设计:TCD(TechnologyCentered Design)是指以技术手段为中心的设计。

 

以商业为核心的设计:BCD(Business Centered Design)是指以商业价值为中心的设计。

 

 

设计名词整理的大致就介绍这么多了,那么本文重点的交互设计和这些学科之间的关系又是怎么样的呢?用下图这个图表展示他们之间的关系。——摘自 丹•塞弗《交互设计基础》

 

 

 

 

 

 

 

 

2、了解交互设计

 

2.1、交互设计的故事

 

1959年,第一篇关于人机页面的文章问世,交互设计首以人机交的形式,作为填补缺乏适用于设计数字产品的可用技术和工具出现;1960年,Liklider通过分析人与电子计算机之间合作互动的一种预期发展,提出“人机共栖”概念;20世纪80年代初:两位工业设计师比尔·莫格里奇和比尔·韦普朗克着手设计第一台笔记本电脑GRiD Compass,他们为自己的工作创造了“交互设计”一词;这个词在10年后才开始被设计师重新发现并进入主流;1999年,国际标准化组织(ISO)发布了“以人为中心”的交互式产品设计原则和程序规范;2005年交互设计协会(IxDA)成立;2012年IxDA正式推出首次年度“交互设计奖”,交互设计才算是正式起飞。

 

 

 

 

 

 

 

 

2.2、交互设计的定义

 

关于交互设计的概念,国内外组织或学者有不同的定义,如下图:

 

 

 

 


交互设计,又称互动设计(Interaction Design, 缩写 IxD 或者 IaD),是定义、设计人造系统的行为的设计领域。在于定义人造物的行为方式(the “interaction”,即人工制品在特定场景下的反应方式)相关的界面。——来自IxDC

 

交互设计是设计交互式数字产品的、环境、系统和服务的实践,交互设计的焦点是如何设计行为,交互设计的首要目标是满足人的需求和欲望。——艾尔库伯(交互设计精髓的作者)

 

定义、设计人造系统的行为的设计领域,它定义了两个或多个互动的个体之间交流的内容和结构,使之互相配合,共同达成某种目的。交互设计努力去创造和建立的是人与产品及服务之间有意义的关系,以“在充满社会复杂性的物质世界中嵌入信息技术”为中心。交互系统设计的目标可以从“可用性”和“用户体验”两个层面上进行分析,关注以人为本的用户需求。——来自 李世国 顾振宇.《普通高等教育工业设计专业“十二五”规划教材——交互设计》2012年

 

 

 

2.3、交互设计的对象

 

最早期的设计,我们可以追溯到工业设计时期,作为设计领域​的鼻祖,它是以“产品“为设计对象,而交互设计对象是“行为”,交互设计师会关注与“行为”相关因素作为设计的考量。而不仅限于产品的物理属性(外观、结构、功能、材料);

 

以小米的“小爱音箱”为例。小米通过它将家庭中的电子设备实现了互联,它新奇的用户体验被很多用户追捧。我们可以在小米现有的音箱产品中,找到和传统音箱的一些区别;

 

 

 

 

小爱音箱系列产品已经陆续发布了5款,从初代的蓝牙音箱到触屏、语音音箱,我们可以从产品的迭代中感受到音箱交互行为(语音交互到屏幕手势操控)变化的一些特点。

 

 

 

 

 

 

当用户在使用小爱音箱的时候,已经不局限于听音乐,它作为小米Alot产品生态的连接中枢,用户更享受通过页面操控和语音交互来控制其他lot产品的快感。当用户回家,向小爱音箱发出语音指令“小爱同学,我回来了”,和音箱连接的所有lot 设备都能同步打开,当用户在回家后,还可以通过操作小爱音箱界面设置热水器的水温。

 

 

 

 

 

 

传统音箱最原始的需求是音乐播放,随着音箱使用要求的升级,人们对于声音的品质追求也变得更高了,厂商想尽方法制造出新的产品提升声音的播放质量,例如丹拿音箱的出现大大提升了声音播放的品质。

 

 

 

 

 

 

 

当用户在使用小爱音箱和家中的其他Alot产品交互的过程中,很少会在意小爱音箱本身的物理属性,他们更在乎这种创新式的交互如何改变的自己的家庭生活,譬如通过语音交互帮自己打开壁灯,打开电视、打开扫地机器人或通过触摸屏界面来设置调节其他Alot设备的运转状态等,应用到各种家庭使用场景。

 

2.4、交互设计的行为要素

 

关于交互设计的行为要素我们通过下面两个例子来解析:

 

1:理想L9后排电视手势交互操作:

之前号称对飙500万库里南的新能源汽车理想L9已经发布很长一段时间了,这辆车最大的特色就是智能座舱的全新体验升级,针对家庭使用场景的设计有很多。其中手势交互是一个比较新颖的设计点,手势交互的行为有悬停获取焦点,平移切换,两次抓握确认。

 

 

 

 

 

 

使用场景举例:一家四口去外地郊游,家里的成员哥哥想打开后排的电视机看电视打发无聊的旅途,他使用了手势交互去操作选择影视进行播放。

 

 

2:OPPO手机ColorOS系统的手势交互:

在ColorOS系统12.0版本中,新增了这个手势交互的方式,它结合智能传感器,进行无触控式的手势操作,根据系统提示通过控制手腕挥动去切换内容、完成对应的任务。

 

 

 

 

 

 

 

使用场景举例:小A使用手机看电影,突然收到一个好朋友的来电显示,他通过隔空手势操作,向上滑动手腕,完成接听了朋友的电话流程。

 

 

通过上述两个设计案例,我们可以总结交互设计的五大行为要素为:

 

 

 

 

 

 

 

2.5、交互设计的衡量指标

 

在关于交互设计定义的内容里面,提到了交互设计的指标是从可用性和用户体验两方面去分析,也就是从理性和感性的两个角度去衡量。

 

2.5.1、可用性

 

根据雅各布尼尔森《可用性101:可用性简介》文章定义:可用性是一种质量属性,用于评估用户界面的易用性。“可用性”一词也指在设计过程中提高易用性的方法。可用性由以下五个质量组件定义:

 

 

 

 

 

 

 

 

易学性:用户在第一次遇到设计时完成基本任务的难易程度如何?

如下图美团外卖:用户第一次在线上点餐时,如何快速的用最便宜的价格吃上一顿饭。用户是否能高效获取店铺满减优惠活动信息,是否快速填写地址,是否能快速选择挑选优惠券,最后进行付款。

 

效率一旦用户学会了设计,他们执行任务的速度有多快?

如下图美团外卖:当用户完成第一次点餐后,以后每次完成点餐的速度会不会更快,例如商品页有商家的满家活动提示,上一次点餐记录,可以点击“再来一单”按钮,完成选餐,选择优惠红包前,有文案提示需要先填写地址,同时有常用地址弹窗提示,可点击使用。

 

记忆性:当用户在一段时间不使用设计后重新使用它时,他们恢复熟练度的难易程度如何?

如下图美团外卖:当用户隔了很久之后再使用美团外卖来点餐,用户重新使用产品的熟练度是否有下降。

 

 

 

 

 

错误:用户犯了多少错误,这些错误有多严重,以及他们从错误中恢复的难易程度?

例如下图顺丰快递:在寄快递时,填写完所有的详细信息后,提交了订单,但发现地址和电话填错了,在运单详情页有“修改信息”按钮,点击进入寄件页面进行信息修改。

 

 

 

 

 

满意度:使用该设计的愉快程度如何?

例如在闲鱼平台购买闲置物品时,卖家的商品描述和实物有很大的差距,然后要求退货,卖家不肯,最后需要闲鱼法庭介入审理,但审理也没有足够公平和透明,最后只给了一个判决结果。这样的情形我遇到了两次。所以平台对于买家卖家的一些管理机制特别不完善,还有商品的描述是否准确也没有审查标准,完全把责任抛给买家和卖家。所以总的来说,使用起来愉悦感很低,平台信任感也很差。

 

2.5.2、用户体验

 

用户体验是用户在使用产品过程中建立起来的一种纯主观感受。我查阅了很多相关资料,这种定义还是具有普适性的。再简单的解就是:用户在使用产品去完成某项目标的过程中,使用感受是怎么样的。很多知名国内外公司为了量化用户体验指标而设计了很多数据模型,其中出现最早且具有指导意义的是国外的谷歌的量化模型:以用户为中心衡量的 HEART、以目标为导向衡量的 GSM;国内的最近几年也有很多类似量化的数据模式,具有代表性的是阿里的"PTECH"、UES、五度模型;其中谷歌的数据模型更加系统和通用,而阿里的是针对不同项目而衍生出很多量化模型。下面以谷歌公司模型为例浅谈下它们是如何去衡量用户体验指标的;

 

HEART模型出发点是做以用户为中心的,能够用于大范围的用户体验度量方法。它包含5个维度:Happiness 愉悦度:用户主观体验,用户觉得产品对其有帮助,容易操作,使用产品或者功能时总感到愉悦。Engagement 参与度:用户对产品内容感兴趣并愿意经常使用。Adoption接受度:用户看到新产品或新功能愿意进行使用。Rentention留存率:在一个时间内用户愿意回来继续使用产品或者功能。Task Success任务完成率:用户能够高效,准确地完成任务。

 

GSM模型Google的UX团队为了让HEART模型度量标准应用于实践而提出的设计方法模型,G是Goal,S是Signal,M是Metric,是遵从「目标-信号-指标」的过程来定义数据指标的方法。

 

 

 

 

 

 

 

 

 

 

3、成为交互设计师

 

前面我们提到交互设计是一门十分复杂的学科,这个领域的研究广而深,可创新性很强,设计带来的意义很大,所以很多人都比较崇尚这个领域,可如果真想走上交互设计之路,就得有项目的历练,有熟练的设计技能,有扎实的知识基础,对事物和生活的细致观察力。

 

3.1、交互设计师项目篇

 

当设计回归到实际工作项目,首先我们要知道,一般交互设计的岗位在公司的组织架构里面,它是一个比较中间的位置,他的上游有产品、用研;下游有设计和研发,交互和这些岗位是交叉的,有联系的,强如“设计驱动”的苹果公司,交互设计师也需要掌握很多其他跨专业的知识,所以实际工作中,有很多东西需要交互设计师去学习。

 

3.1.1、交互设计的项目流程

 

互联网公司的设计团队都有自己的设计开发的一套流程,但项目的核心流程大体都会经历以下三个阶段:需求—设计开发—结果验证;

 

 

 

 

需求阶段需求是项目开发的源头,我们要进行需求搜集、分析、筛选、评估、版本排期。需求的搜集可以是来自产品数据、用户反馈、设计人员洞察探索、竞品分析,然后再做需求筛选讨论,确定需求的优先级;

 

设计开发阶段

 

环节1:产品经理的文档需要列出每个版本的详细信息,包括产品创新设计或改版的背景、解决什么问题、功能的设计背景,产品目标和指标、产品策略,产品范围层(功能规格、内容、信息、规则)等;

 

环节2:设计师需要针对产品功能结合产品目标进行设计策略上的思考,进行方案输出,包括交互文档(版本号、设计描述、流程图,页面跳转逻辑,交互细节阐述、异常状态处理)、交互动态(动效演示参数图、动态demo展示)、视觉界面设计(形、色、构、字、感)等,全流程保持和前后端技术人员进行设计评审和沟通,持续评审也是为了防止后期大家互相扯皮影响工作状态和效率,但最终目的是使项目开发降本增效,减少返工。

 

环节3:设计方案输出结束之后,就是技术人员的开发,设计师也需要全程持续跟进,保证设计效果的实现,了解前端的一些页面适配规则,前后端的之间数据架构和接口传输规则。

 

环节4:前后端开发完成第一版本成品后,项目组人员(测试人员权重较高)可以开始全局测试,交互设计师在走查时,可以内部梳理一套通用的《交互走查表》进行检查,可以通过设计走查,专家测试,用户内测,用户访谈等方式,整理收集影响产品稳定性的Bug和设计细节问题,再反馈给技术员人进行修改。有条件的会进行可用性测试,检验设计的用户体验和设计可行性。

 

结果验证阶段

 

产品上线后,我们可以通过数据和用户体验来检验优劣,数据层面可以使用灰度测试、A/Btest测试等方式验证设计方案的可行性,通过数据埋点的方式获取用户的行为数据,用户体验可以使用满意度调查、NPS等方式通过问卷调研的手段来了解用户的使用感受。

 

 

 

3.1.2、交互设计的5大项目思维

 

产品思维交互设计师要有培养产品思维的习惯,产品思维能够引导我们发现很多设计点,设计出创新性的产品。做产品最核心的问题就是:用户有什么样的需求?这个需求待解决程度(用户痛点、爽点、痒点)怎么样?例如支付宝这个产品,就是改变了用户日常的付费交易方式,从现金到线上数字货币支付的转变,大大的解决了用户不用携带大量现金的需求,当然了他的功能不仅限于此,更客观的说,支付宝的出现改变了人们的生活,创造了极大的社会的价值。

 

 

 

 

 

 

 

 

用户思维产品主要作用对象是用户,通过用户获取功能需求,我们需要学习如何了解用户,了解我们的产品典型目标人群是哪一类人,了解用户的真实诉求是什么?了解用户场景是什么样的?具备用户思维,设计师可以更精准高效的输出设计方案,达到解决用户问题的目的。

 

视觉思维交互原型稿和文档是交互设计师接触最多的工作任务,它们需要定义很多内容信息,这不仅仅靠逻辑,还需要有视觉思维,将黑白交互界面的视觉重点和信息层级展示清楚。如下图所示为苏宁智慧屏项目部分功能的交互设计稿样式:

 

 

 

 

 

 

交互设计的视觉思维上关注的几个点如下:第一点要有场景的概念,比如要熟悉产品在什么样的设备上呈现,设备具有什么样的特性和要求,用户的使用产品的操作方式;第二点要有原子和模块化的概念,比如一个组件和模块主要是由哪些原子化的元素构建,如何去定义这样内容,第三点要有设计理论应用的概念,比如在界面布局时,可以通过设计的四大基本原则(对比、重复、对齐、亲密性)、格式塔原理(接近原则、相似原则、共同命运)、设计规律(黄金分割法、网格系统、系统规范)这些点去切入。

 

开发思维产品外在靠界面,内在靠代码,好用好看的设计依靠技术作为底层支撑才能最终开发上线,我们经常做设计方案评审时,会遇到被技术人员否定的情况。我们就会拿有相同设计的产品去和他理论。最终的结果就是还是做不了。但是做不了的情况大体分为两种,第一种情况是实现这个设计的背后,确实需要投入很多人力、资源去完成这项工作;第二种就是技术人员单纯的不愿意做,可如果你有开发思维,能想到这个设计背后的技术难点,能清晰的和技术人员进行讨论和协商,他们也不能或不好意思去拒绝。所以开发思维可以让我们和技术人员成为好朋友,又可以学习一些技术原理,属实不亏。

 

数据思维交互设计师对于数据要有一定的敏感度,业务数据可以帮助我们了解产品的经营状况,关注产品的总体流量,转化、营收,用户的行为数据可以帮助我们在设计迭代时提供依据,另外通过各类数据的跟踪、对比、分析能帮助我们评估设计方案的好坏以及后期设计修改的方向。

 

 

 

3.2、交互设计师技能篇

 

技能已经是交互设计师的入门要求,也是初级交互设计师进阶的基础,那这部分主要讲解交互设计师的技能兵器库,主要由设计手段、平台规范、理论知识这三部分组成。

 

 

3.2.1、交互设计的兵器库1-设计手段

 

设计软件交互原型设计:包括静态界面和动态demo设计,可以使用纸质原型、Axure RP、Fireworks、MockingBot、Flinto、Origami、ProtoPie、Hype、Principle、Proto.io、Frama等;界面设计:主流的软件有Figma、Sketch、ps,网页和客户端通用的有即时设计、Figma、Pixso等;

 

动效和三维设计:目前动效应用广泛的如AE,三维软件有C4D,blender,Rhino、更高级的如游戏引擎unity3d;

 

编程软件:网页端如标记语言HTML+CSS,脚本语言JS,移动端如iOS的Swift和Xcode,Android的studio;

 

文档工具:如常用的X-mind(思维导图)、汇报用的ppt、keynote等

 

 

设计方法设计方式这里指向用户研究部分的内容:主要有定量研究、定性研究、用户画像的构建,定量研究的可使用问卷调研、数据分析、眼动测试,定性研究可使用用户访谈、焦点小组、可用性测试、卡片分类法,用户观察法等

 

 

3.2.2、交互设计的兵器库2-设计规范

 

说到设计规范,这可能是很多设计师在交互入门的时候,比较忽略的基础知识点,首先各类平台的系统规范经过很多版本的迭代,内容特别精且多,新手设计师经常在阅读学习的过程中失去耐心。只是碰到相应的点才会想起来去看一下。目前处在设计领域最前沿的平台规范如苹果系统的《人机界面指南》,安卓系统的《材料设计》,鸿蒙系统的《设计指南》,微软系统的《设计原则》,这些平台的系统规范非常通用,覆盖的设备也很多,例如苹果系统的人机界面指南覆盖了电脑、手机、平板、手表、电视。在国内也涌现了很多平台规范,例如阿里的antdesign,腾讯的tdcdesign,字节的acrodesign等。

 

 

3.2.3、交互设计的兵器库3-理论知识

 

交互设计发展至今已经很长一段时间了,前辈们在无数的实践中总结了很多科学的设计理论。我们可以利用它们指导设计工作,例如:尼尔森设计十大原则(状态可见原则、环境贴切原则、用户可控原则、一致性原则、防错原则、易取原则、灵活高效原则、审美和简约设计原则、容错原则、人性化帮助),交互相关定律(菲茨定律、席克定律、格式塔原理、奥卡姆剃刀原则、峰终法则、帕雷托原理、米勒定律、邮编定律、序列位置效应、泰斯勒复杂性守恒定律、序列位置效应、多尔蒂阀值、雅各布定律、蔡格尼克记忆效应、冯·雷斯托夫效应等)。理论知识可以作为设计的参照标准,但用设计理论反对设计结果是很不合适的,具体问题还需要结合实际应用场景去分析解决。

3.3、交互设计师能力篇

最后一章我想和大家分享关于交互设计师的能力模型,主要分三大块,这也是实际工作中感触比较深的几个点,希望对大家能有帮助!

 

3.3.1、基础能力-学习

 

学习是一项比较基础的能力!它包括了你技法上的突破、阅读书籍获取知识、适应和熟悉工作流程;例如当你在工作中,需要设计一个页面动画效果,你学会了一个新的软件和新的实现方法;又或者当你阅读了一本书,学到了很多知识,打破了自己的认知,再或者入职新公司的时候,你需要适应新环境和工作流程。设计领域的要求更新换代特别快,就好比之前我们做设计基本都使用sketch,

还得和苹果系统捆绑,但现在像Figma等软件不光可以客户端下载使用,甚至都可以网页端协同使用。所以在任何时候都要保有一颗

做学徒的心,去学习,去适应、不断的突破自己!

 

3.3.2、通用能力-沟通、执行、总结

 

沟通、执行、总结三大能力无论是在生活还是在工作中都是比较通用的,我们在和别人交流时,需要用语言传达自己的想法,让别人或自己明白,然后去执行,根据执行的结果进行总结,变成自己宝贵的经验。例如有一次在做交互方案时,产品经理直接丢过来一个需求,然后没有说明具体的需求背景和设计方向,然后就把方案弄好了去评审,被技术人员一通乱怼,弄的大家情绪都上了头,就开始争吵起来,最后结果就是重新设计;这让我后来在做方案的时候,一直记得利用这套通用能力去处理问题;确实有效。但在培养这些能力的同时需要注意:把控情绪做有效沟通,拒绝盲目执行,反复思考总结经验,用总结能力反哺自己的沟通、执行能力。

 

 

 

 

 

 

 

3.3.3、进阶能力-洞察、思考

 

洞察和思考是交互设计师的最高级的能力,拥有这种能力的设计师往往已经能够探索到问题的本质,洞察和思考能力的培养来源对事物的探索欲,有好奇心,有细致的观察,这要求设计师要把解决问题当作是兴趣来看待;以生活中的用户使用的出行工具单车设计为例,单车上有很多设计点都体现了交互设计师的这两项能力;

 

 

 

 

 

1:单车的座位调节控制结构设计如上图是哈喽单车的不同版本的设计,第一个调节结构我们需要向逆时针向外推,才能进行座凳高低的调节,第二个调节结构我们仅需要上下方向推拉进行控制。我在使用的过程中,第二个结构操作的时候更加省力。

 

2:座凳支撑杆的身高标记设计第一个支撑杆我们可以看到是没有任何标记的,第二个支撑杆上面有对应身高相匹配的尺寸标记,相比较第一个设计,带标记的设计让用户更快的调到舒适的高度位置。

 

这个设计案例属于从结果倒推方案,因为在已有设计方案做推理分析,但是我相信项目人员在进行产品优化的时候,也肯定是洞察到“旧的坐凳设计”结构给用户带来的不便,不仅操作费力,而且这样的结构容易卡住废车;身高标记的设计肯定也是结合用户的不同身高这个需求,设计师观察用户在调节座凳高度的时候,坐上去再下来,反复的调试去选择舒适的高度,才思考出这样不错的设计方案。

总结

本文分享到这里就结束了,总的来说,想成为一名交互设计师,需要投入的成本是很大的,除了软件技能还需要有足够的知识储备,培养自己的各种思维和能力,那文章我也通过三个部分去说明了这些内容,首先我用设计领域的名词作为切入点,带大家去了解设计领域的现状和关联,对设计名词有大致的概念;其次着重的分析交互设计,介绍了交互设计的起源、定义、主要对象、五大行为要素、两大衡量标准;最后写了关于成为交互设计师一些入门要求,第一点是通过项目流程、项目思维角度,第二点是从设计技能角度,交互设计师需要有设计手段、平台规范、理论知识三大兵器库,第三点是从能力模型角度,交互设计师须具备学习、沟通、执行、总结、洞察、思考6大能力。在去往交互设计的路上,建议设计师们要保持一颗进取的心,认认真真的去学习、去实践、去进阶,提升自己的设计认知。

文章内容仅供学习参考。


作者:Q什伍
链接:https://www.zcool.com.cn/article/ZMTQzNTU1Mg==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

ui设计公司教你如何提升用户体验设计

蓝蓝设计的小编 交互设计及用户体验

UI 设计中的体验设计是一个综合性的工程,需要设计师从用户需求出发,关注每一个细节,不断优化和创新,才能打造出令用户满意的产品,在激烈的市场竞争中脱颖而出。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档