七七色色九九热五月天,福利国产私拍在线观看78 http://bouu.cn/blog/ zh-cn www.emlog.net B端基 | 52000余字ȝ B 端基设计知识 http://bouu.cn/blog/post-12964.html
最q看汪曾的《叹息桥》中的一句话Q我必须分nl你。缘h在h中看见你,~散我看见你在h中。是的我想你在h中看到我。这是最初我分nq系列设计文章的初衷?/div>
 
慢慢发现其实分n也是一件快乐的事情、而且在分享的q程中我自己也收获了很多。而且对设计的理解也更׃。更快乐的是收获了一一起同行的伙伴、这个还挺开心。和他们一起在里Ҏ(gu)、一起吐槽。一赯论问题、那真的是快乐无辏V哈哈哈
 
上面扯多了。我们开始今天的内容。今天内容分三部分、第一部分内容ȝ是对我写的这个系列文章每一文章内容和核心的小ȝ。第二部分这个系列的文章늮是告一D落了、下一阶段我会做些什么。第三部分分享一些我写文章的感受、然后煽煽情?/div>
 
1、内Ҏ(gu)ȝ
因ؓ在写q个pd的文章时我加入了很多扩展知识。希望告诉你更多。这里我会把主要的这个系列的知识ȝ一下让你尽量一ơ看完?/div>
B端基 | 52000余字ȝ B 端基设计知识
 
 
1.1、登陆页?/div>
 
最q就在做我们pȝ的登陆页面优化。回头我会写一个项目ȝl你们看。这里介l一下B端登陆页面该怎么d。其实还挺简单了。因为现在主的布局那几个?/div>
B端基 | 52000余字ȝ B 端基设计知识
 
 
登陆面Q布局分ؓ三种Q居左、居叟뀁居?/div>
面元素Q导航、登录框、背景(装饰元素Q、互联网信息?/div>
D高度Q?8px?8px、文字大:14Q大部分Q?6Q也可以Q?/div>
d框大:大小寸不统一、没有固定的寸。可以根据自己和领导的喜好决定。对q有要承载的内容多少?/div>
d方式Q扫码、手机号、̎受第三方
标题切换字号Q我喜欢?6pxQ也要其他的16?18?20Q?/div>
输入框高度:48px
按钮文字和高度:16px、和输入框高度一直就行?/div>
背景可以是配的插画(q种最单)、一般都是科技?/div>
底部要不是单纯的互联网信息。要不就是快捷入口、联pL式什么。这个就不多说了正常排版p?/div>
 
1.2、筛?/div>
 
{选相Ҏ(gu)很简单的部分把、因Z直接用规范里的组件。虽然不会很优秀、但是刚重要的是不会Z么错误。主要是大厂规范能够快速的帮你解决问题?/div>
B端基 | 52000余字ȝ B 端基设计知识
 
 
{选的意义Q定位数据、羃短查询\径、数据内容分c?/div>
 
{选类型:基础{选组Ӟ是我们常见的页面顶部的{选)、高U筛选(是那些需要你定义想一想的{选部分)
 
{选布局Q顶部和左侧
 
{选样式:q铺Q折叠;Tab{选;单侧选择Q表_l合
 
1.3、栅?/div>
 
q里其实q简单的、首先你要明白栅格在我们的设计里面很重要。你不用当然也可以呀。但是你惌做的更好那就用v来你会有意外的收莗?/div>
B端基 | 52000余字ȝ B 端基设计知识
 
 
怎么用:直接看ant design、TDesign、阿Udesing的规范就行、写的很清楚?/div>
 
注意点:不要套、我们要Ҏ(gu)自己的系l去自己定制。比如我们系l、用的是ant design的框架、但是我们的|格pȝ是自己定制的。因而我们的边距不是24px、我们是20px
 
1.4、颜?/div>
 
q部分相Ҏ(gu)说是我自q弱项、在写当时的文章的时候也是收获颇多的。明白了大厂规范是怎么定自己色彩设计规范的。也清楚了自己应该怎么去规定自q设计规范?/div>
B端基 | 52000余字ȝ B 端基设计知识
 
 
主色定Q常见的Ҏ(gu)?、用自己品牌logo的颜Ԍ2、用行业?/div>
 
配色定Q我一般是扄品、或者优U的配色方案、来定自己的。多参考大厂的配色Ҏ(gu)。虽然不全是好的。但是好的还是站大多数的?/div>
 
大厂色彩Q这里我分n了大厂的色彩是怎么ȝ定的、如何去定。可以去看看。我在自q工作中色彩的应用参考了ant Design的色彩应用方式定制的?/div>
 
1.5、字?/div>
 
字体部分我觉得最有意思是的是分n了、我们宋体、楷体、隶属、甲骨的发展历史和由来。还有就是如何去设计一ƾ自q字体。还有后台字体规范的制定
B端基 | 52000余字ȝ B 端基设计知识
 
 
中国文字Q这里中国文字的发展历史、所有字体的产生都是有自己发展的历史原因的。很有意思。徏议你看看、可以当做你喝酒Ҏ(gu)的谈资?/div>
 
字体规范Q我们大部分的字体会采用黑体、可L强、亲和、现代、清晰?/div>
 
字号Q最新的字体12px、正文?4px、通过+2Q?+4Q?8Q?12Q?16 的步数增长规?/div>
 
行高Q通过逻辑得到q样一个公式:?行高 = 字号 + n 」,8 作ؓ变量正好同时满?1.5 倍的?14px & 16px 」常用字可高保持一_M文字间隙E_呼吸Q行高空间较一致得公式:「line-height = font size+8?/div>
 
字重Q就是字_)Q徏议用两U常规和加粗Q在前端里一般就?00?00Q?/div>
 
颜色Q我是主张带有色彩們֐的颜色应用的。根据字体样式的设计原则Q制定了易好记的透明度数值区间ƈ且将该字色与界面pȝ的色彩系l结合,文字昄色彩Ҏ(gu)满臛_1:4.5( AAU别Q。且验证了其中的实用性,共分Z暗两U模式,4 个色阶?/div>
 
1.6、ICONQ图标)
 
你要l一风格成套的去扑֏考和应用。在我们的系l里我是自己画icon的然后传到阿里巴巴矢量图库让开发直接引用。这个是自己累点、但是可以保障实现效果?/div>
B端基 | 52000余字ȝ B 端基设计知识
 
 
设计原则Q准、简单、节奏、愉(zhn)?/div>
 
设计实战Q采用栅?/div>
我是用的阉K巴巴矢量囑ֺ的设计规范、因为我要传到这个^台应?/div>
 
ICON分类Q交互性图标、装饰性图标、说明性图?/div>
 
1.7、按?/div>
 
按钮我觉得这部分是相对简单的、也是要做到风格的统一。直接用大厂lg然后Ҏ(gu)自己q_的风根{不如圆角的大小其他的倒是没什么了?/div>
B端基 | 52000余字ȝ B 端基设计知识
 
 
常规按钮Q次要按钮、主要按钮、文字按钮、图标按?/div>
 
按钮状态:可用、禁用、加载、?zhn)?/div>
 
寸Q把按钮分成Q迷你、小、中、大Q四U尺寸。高度分别ؓQ?4px/28px/32px/36px。推荐及默认为尺寸「中」?/div>
 
样式Q各个规范对按钮形状的规范基本都一栗提供长方Ş、正方Ş、圆角长方Ş、圆形四UŞ状?/div>
 
 
布局Q这里分享了两个概念、古d法则、费茨定律、告诉你我们Z么这么排版。对产品和甲方很有用、哈哈、这是我的秘诀?/div>
 
1.8、弹H?/div>
 
后台弹窗是一个很复杂的内宏V但是也是一个相对很好处理的部分。只要你做好规范q部分、简直就是一点开胃小菜?/div>
B端基 | 52000余字ȝ B 端基设计知识
 
 
弹窗是一个我头痛的问题因Z太好规范。但是我q是把这个弹H系l、在我们的体pM形成了一个小的规范。感谢领对{感谢前D늫的龙哥?/div>
 
我们把前D늲略的分ؓ400px?00?00?000、最大、广告。业务里我们会采??6?8?1、最大、推q和通知我们q一的尺寸?/div>
 
1.9、表?/div>
 
什么是表单Q我理解表单是pȝ为和用户q行交互、所要收集用户信息的或获得用户反馈的一U方式的载体。在后台产品中对我们数据做的增、删、改、查、验都可以通过表单完成?/div>
B端基 | 52000余字ȝ B 端基设计知识
 
 
我们在后台系l中、大部分的场景都会用上表单。信息采集呀、编辑数据呀{。在表单设计时要遵@的原则、简z明了、清晰高效、适应业务、即时反馈?/div>
 
表单的构成结构、基本都是由、标{、域、提C、操作按钮这四个部分构成的?/div>
 
表单布局在表单中我们采用多种布局方式。信息分l、内容列表、标{N、分步骤?/div>
 
1.10、表?/div>
 
B端设计中Q对数据览、操作、过滤、展C是最高效的。这你就不用质疑了。因为结构简单、精准高效、数据Ş式丰富?/div>
 
B端基 | 52000余字ȝ B 端基设计知识
 
 
表格是用来收集、整理、组l、分析数据的二维矩阵。它由内、外两部分组成。其中,内部包含表头、表体、底栏等。外部包含标题、筛选区、操作按钮区{?/div>
 
表格的类型:基础表格、树形、子表格、交叉表根{图表表根{卡片表?/div>
 
表格的样式:|格型、水q线型、斑马纹、自由Ş?/div>
 
q阶的一些知识就是表格数据的优化和表格的交互知识了。想了解ȝ更详l的我的文章11表格设计?2表格优化目实战?/div>
 
1.11、大厂规?/div>
 
如果你是一个小厂B端设计师、刚好没有自己^台的设计规范。那去直接用的场的设计规范。去用没问题的。大厂那么多的牛D计给你做好了你不用。都塞到嘴巴上、不吃就不给面了?/div>
B端基 | 52000余字ȝ B 端基设计知识
 
 
在用大厂的设计规范时然后慢慢的U篏自己q_的设计规范。逐渐的你׃形成一个属于你们自己^C务的高质量设计规范了?/div>
 
2、计?/div>
 
q个基础pd的文章就q样写结束掉吧、希望可以对你的B端设计有所帮助。之后我会写二个pd的文章、去分n我理解的B端设计?/div>
 
B端基 | 52000余字ȝ B 端基设计知识
 
 
W一个系列是B端基设计的加强版、B端高手。B端高手是会写我的实战里是怎么d的。其实就是我的设计项目复盘?/div>
 
W二个系列就随便的去分n一些设计知识。比如哪些什么什么原理呀、什么什么法则呀、在设计里的应用。而且会提出和讨论一些设计问题?/div>
 
3、写在最?/div>
 
分别是ؓ了更好的相见、我一直希望我的文章可以帮C。慢慢来路还很长、L要一步一步的来。很快我们会再次相见。我是KINGQ国王)
 
B端基 | 52000余字ȝ B 端基设计知识
 
 
新的开始见.......
 
注解Q标题的40000余字也好?0000字也好都是说的我q个pd总计的字数、因为想让你们看到?/div>

作者:彪Ş大汉pro
链接Qhttps://www.zcool.com.cn/article/ZMTYyMTEyNA==.html
来源Q站?br>著作权归作者所有。商业{载请联系作者获得授权,非商业{载请注明出处?/div> ]]> Fri, 21 Feb 2025 03:21:48 +0000 天宇 http://bouu.cn/blog/post-12964.html UI 设计?10 个细?/title> <link>http://bouu.cn/blog/post-12962.html</link> <description><![CDATA[<div> <div id="zkqgrpp" class="paragraph align- undefined"> <div id="zhcbewe" class="">俗话_“l节军_成|”Q细节的把控臛_重要Q这也是设计师能力的代表。随着目l验的积累和专业能力的成熟,我们对于设计原则、设计细节和设计l验的沉淀(wn)也会来多Q设计输Z会因些细节而显得更优秀?/div> </div> <div id="ilz6rpx" class="paragraph align- undefined"> </div> <div id="lzjkhbf" class="paragraph align- undefined"> <div id="p7d2uwk" class="">黑马哥结合职场经验和教学l验Qȝ?120+ 设计原则、设计细节和设计l验的案例分析。案例内Ҏ(gu)及布局、图标、按钮、文本、配艌Ӏ配图、规范、交互和设计l验{,目的是ؓ了让我们的设计更规范、更专业、有l节、有亮点、有思维?/div> </div> <div id="ym2pgjq" class="paragraph align- undefined"> </div> <div id="6lwkhd1" class="paragraph align- undefined"> <div id="dbhijvp" class="">今天先挑选其中的 10 个案例和大家一起交一下?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="2uhvlx2" class="photoInformationContent"> <div id="21osxeo" class="sc-1gq6zpr-5 jhViFo pictureBox"> <div id="tlfmcst" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/668747f91b9cau1yh7ieua2395.png?imageMogr2/format/webp" alt="UI 设计?10 个细? data-src="https://img.zcool.cn/community/668747f91b9cau1yh7ieua2395.png?imageMogr2/format/webp" data-expand="1280"> <div> </div> </div> <div id="wn1izad" class=""> </div> </div> </div> </section> </div> <div id="k6czm2h" class="paragraph align- undefined"> </div> <div id="p1vrikm" class="paragraph align- undefined"> </div> <div id="uoejmn1" class="header-3 align-"> <div id="lzloggx" class="bold ">分n目录</div> </div> <div id="qysuvft" class="paragraph align- undefined"> </div> <div id="lvwxy1a" class="paragraph align- undefined"> <div id="1owre6i" class="">1. 圆角囄寚w时不要完全左寚w</div> </div> <div id="6hyi1zn" class="paragraph align- undefined"> <div id="yflcfla" class="">2. 同属性版块统一图标设计规范</div> </div> <div id="fr2fry7" class="paragraph align- undefined"> <div id="tcyioxm" class="">3. 数据表达Ҏ(gu)?/div> </div> <div id="qrbaxi7" class="paragraph align- undefined"> <div id="rus7hjm" class="">4. 预估好信息呈现的最大?/div> </div> <div id="jq717vd" class="paragraph align- undefined"> <div id="2pl7z2g" class="">5. 慎用高饱和度的颜?/div> </div> <div id="hblxkaq" class="paragraph align- undefined"> <div id="i7a1ajp" class="">6. 通过蒙版降低信息q扰?/div> </div> <div id="dtf7pfc" class="paragraph align- undefined"> <div id="cytcy22" class="">7. 利用背景色突出小图标的空间占?/div> </div> <div id="fg1a6yk" class="paragraph align- undefined"> <div id="u7il6md" class="">8. 渐变最好选择q似?/div> </div> <div id="eptqvor" class="paragraph align- undefined"> <div id="an6ykq6" class="">9. 保持按钮可读?/div> </div> <div id="j7227nf" class="paragraph align- undefined"> <div id="k6z6fy7" class="">10. 色背景不适合d投媄</div> </div> <div id="zt2u2io" class="paragraph align- undefined"> </div> <div id="2rzckz2" class="paragraph align- undefined"> </div> <div id="ln2ujpb" class="paragraph align- undefined"> </div> <div id="e2gkiq2" class="header-3 align-"> <div id="bb2sn7g" class="bold ">1. 圆角囄寚w时不要完全左寚w</div> </div> <div id="222jbsr" class="paragraph align- undefined"> </div> <div id="m6vbc7i" class="paragraph align- undefined"> <div id="29p2f72" class="">设计中遇到图片带有圆角时Q文字排版不适合完全Z囄左对齐,视觉上会昑־文字太靠左,失去视觉q度。适当预留间距视觉上更qQ版面结构也会更E重?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="lc3urfp" class="photoInformationContent"> <div id="ckm6teo" class="sc-1gq6zpr-5 iFlApr pictureBox"> <div id="78gjdj6" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/66874800151detuktezqq98996.jpg?imageMogr2/format/webp" alt="UI 设计?10 个细? data-src="https://img.zcool.cn/community/66874800151detuktezqq98996.jpg?imageMogr2/format/webp" data-expand="2000"> <div> </div> </div> <div id="hdm1cmn" class=""> </div> </div> </div> </section> </div> <div id="yhkwc6w" class="paragraph align- undefined"> </div> <div id="elfn2ce" class="paragraph align- undefined"> </div> <div id="etmkli7" class="header-3 align-"> <div id="pmsnvhw" class="bold ">2. 同属性版块统一图标设计规范</div> </div> <div id="nn7jr6o" class="paragraph align- undefined"> </div> <div id="2apmkps" class="paragraph align- undefined"> <div id="vtgwpkd" class="">同属性版块需要统一图标设计规范Q不要出现风格؜搭,遵@图标设计的十大统一性:风格、大、粗l、圆角、比例、透视、角度、疏密、间距、正负Ş?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="bqscdt6" class="photoInformationContent"> <div id="7f1ddcz" class="sc-1gq6zpr-5 iFlApr pictureBox"> <div id="29yqxrm" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/668748053d5ccg8l6zx5t89982.jpg?imageMogr2/format/webp" alt="UI 设计?10 个细? data-src="https://img.zcool.cn/community/668748053d5ccg8l6zx5t89982.jpg?imageMogr2/format/webp" data-expand="2000"> <div> </div> </div> <div id="xiueez2" class=""> </div> </div> </div> </section> </div> <div id="ekesxtw" class="paragraph align- undefined"> </div> <div id="ywzuehg" class="paragraph align- undefined"> </div> <div id="uylqgut" class="header-3 align-"> <div id="cukudef" class="bold ">3. 数据表达Ҏ(gu)?/div> </div> <div id="g16zwzl" class="paragraph align- undefined"> </div> <div id="awi7gzp" class="paragraph align- undefined"> <div id="pn7vqrh" class="">在可视化的场景中Q针对一些特D数据展C的时候,可以选择Ҏ(gu)字体增加设计感。再通过字体大小Ҏ(gu)、字重对比、颜色深对比等来突出数据?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="youb6vc" class="photoInformationContent"> <div id="gnvlpbe" class="sc-1gq6zpr-5 iFlApr pictureBox"> <div id="2471uto" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/66874809f1f1317h5gg4q51835.jpg?imageMogr2/format/webp" alt="UI 设计?10 个细? data-src="https://img.zcool.cn/community/66874809f1f1317h5gg4q51835.jpg?imageMogr2/format/webp" data-expand="2000"> <div> </div> </div> <div id="7c1gwnm" class=""> </div> </div> </div> </section> </div> <div id="tl1cxwx" class="paragraph align- undefined"> </div> <div id="sepvabj" class="paragraph align- undefined"> </div> <div id="28l2vmw" class="header-3 align-"> <div id="yvfklr7" class="bold ">4. 预估好信息呈现的最大?/div> </div> <div id="s721zso" class="paragraph align- undefined"> </div> <div id="epgsmh2" class="paragraph align- undefined"> <div id="gcc1dy7" class="">在进?UI 设计Ӟ需要预估好当前位置所能承载的最大|不能只在理想化的状态内设计。虽然简化的内容看v来更观Q但是最大g的设计思考才能避免上U后的误差?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="q1byqib" class="photoInformationContent"> <div id="t2afgbw" class="sc-1gq6zpr-5 iFlApr pictureBox"> <div id="29f7uvn" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/6687480ed428c0aosrbb056687.jpg?imageMogr2/format/webp" alt="UI 设计?10 个细? data-src="https://img.zcool.cn/community/6687480ed428c0aosrbb056687.jpg?imageMogr2/format/webp" data-expand="2000"> <div> </div> </div> <div id="yhi1dqa" class=""> </div> </div> </div> </section> </div> <div id="mcqdeur" class="paragraph align- undefined"> </div> <div id="wfieefp" class="paragraph align- undefined"> </div> <div id="6htsthz" class="header-3 align-"> <div id="flchiw2" class="bold ">5. 慎用高饱和度的颜?/div> </div> <div id="wi1j2jp" class="paragraph align- undefined"> </div> <div id="hhkjbnx" class="paragraph align- undefined"> <div id="nobuaqp" class="">界面设计配色需要考虑用户长时间的预览体验Q高饱和度的配色不适合长时间观看,Ҏ(gu)造成视觉疲劳。适当降低饱和度得配色更加舒适,有利于提升用户预览体验度?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="nbjio6q" class="photoInformationContent"> <div id="13rfgld" class="sc-1gq6zpr-5 iFlApr pictureBox"> <div id="pav6vq1" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/668748148afca8gnoqwsen7022.jpg?imageMogr2/format/webp" alt="UI 设计?10 个细? data-src="https://img.zcool.cn/community/668748148afca8gnoqwsen7022.jpg?imageMogr2/format/webp" data-expand="2000"> <div> </div> </div> <div id="itk6hab" class=""> </div> </div> </div> </section> </div> <div id="vciocmh" class="paragraph align- undefined"> </div> <div id="u1zalqy" class="paragraph align- undefined"> </div> <div id="13thxo6" class="header-3 align-"> <div id="htbybxd" class="bold ">6. 通过蒙版降低信息q扰?/div> </div> <div id="ex1eqe2" class="paragraph align- undefined"> </div> <div id="7imy7vo" class="paragraph align- undefined"> <div id="miisjvk" class="">在图片上面展C文案时Q需要考虑囄对于文案信息的干扰度。ؓ了防止复杂场景的囄q扰信息传递,需要在信息区域d渐变蒙版Q以此来降低对于信息的干扰度?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="7v1l7fb" class="photoInformationContent"> <div id="bemfao1" class="sc-1gq6zpr-5 iFlApr pictureBox"> <div id="2hgfkrk" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/6687481a3911cfz6uzwxqv5905.jpg?imageMogr2/format/webp" alt="UI 设计?10 个细? data-src="https://img.zcool.cn/community/6687481a3911cfz6uzwxqv5905.jpg?imageMogr2/format/webp" data-expand="2000"> <div> </div> </div> <div id="txzlogw" class=""> </div> </div> </div> </section> </div> <div id="ubc7rm1" class="paragraph align- undefined"> </div> <div id="m6ojru2" class="paragraph align- undefined"> </div> <div id="ryya1ml" class="header-3 align-"> <div id="xvi6ere" class="bold ">7. 利用背景色突出小图标的空间占?/div> </div> <div id="so6z77n" class="paragraph align- undefined"> </div> <div id="6nifnea" class="paragraph align- undefined"> <div id="fhqcr7l" class="">需要突出图标的I间占比Ӟ攑֤图标会显得视觉焦点太强,也容易暴露图标绘制的~点而显得粗p。添加统一的造型和背景色Q可以突出小图标的空间占比,提升感官体验?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="xldysyx" class="photoInformationContent"> <div id="ajcb6id" class="sc-1gq6zpr-5 iFlApr pictureBox"> <div id="766yj6v" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/6687481fa070dlzxns8a1a1662.jpg?imageMogr2/format/webp" alt="UI 设计?10 个细? data-src="https://img.zcool.cn/community/6687481fa070dlzxns8a1a1662.jpg?imageMogr2/format/webp" data-expand="2000"> <div> </div> </div> <div id="dnckild" class=""> </div> </div> </div> </section> </div> <div id="kcd2sqv" class="paragraph align- undefined"> </div> <div id="7hhlmn1" class="paragraph align- undefined"> </div> <div id="va2zszc" class="header-3 align-"> <div id="yfnolfk" class="bold ">8. 渐变最好选择q似?/div> </div> <div id="cuavput" class="paragraph align- undefined"> </div> <div id="nwyx2jt" class="paragraph align- undefined"> <div id="brpdysp" class="">在主界面或者一些特D场景中Q需要对按钮d渐变色时Q最好选择q似色等邻近范围的配Ԍ会得视觉效果更加和谐、舒适?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="2sn6kfm" class="photoInformationContent"> <div id="tl7jseo" class="sc-1gq6zpr-5 iFlApr pictureBox"> <div id="pz1l1eq" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/66874824aefd719qxsj3082494.jpg?imageMogr2/format/webp" alt="UI 设计?10 个细? data-src="https://img.zcool.cn/community/66874824aefd719qxsj3082494.jpg?imageMogr2/format/webp" data-expand="2000"> <div> </div> </div> <div id="1j7gr2j" class=""> </div> </div> </div> </section> </div> <div id="6ohrjkt" class="paragraph align- undefined"> </div> <div id="zw1ntle" class="paragraph align- undefined"> </div> <div id="o7kuvlv" class="header-3 align-"> <div id="gaobyzn" class="bold ">9. 保持按钮可读?/div> </div> <div id="61ttdct" class="paragraph align- undefined"> </div> <div id="vndybi1" class="paragraph align- undefined"> <div id="262czar" class="">按钮设计需要考虑在不同环境下的适应度,保用户可以一目了然的发现它。在白色背景、浅色背景、深色背景中都要形成配色Ҏ(gu)Q始l保持按钮与背景的高Ҏ(gu)度和可读性?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="ch1ulof" class="photoInformationContent"> <div id="2tklbqw" class="sc-1gq6zpr-5 iFlApr pictureBox"> <div id="ef6xlmn" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/668748299883fog25c4czi9775.jpg?imageMogr2/format/webp" alt="UI 设计?10 个细? data-src="https://img.zcool.cn/community/668748299883fog25c4czi9775.jpg?imageMogr2/format/webp" data-expand="2000"> <div> </div> </div> <div id="u211bo7" class=""> </div> </div> </div> </section> </div> <div id="6nl1urq" class="paragraph align- undefined"> </div> <div id="gjtnoi1" class="paragraph align- undefined"> </div> <div id="s762is2" class="header-3 align-"> <div id="pyqjr17" class="bold ">10. 色背景不适合d投媄</div> </div> <div id="76a2boh" class="paragraph align- undefined"> </div> <div id="lmezw7y" class="paragraph align- undefined"> <div id="z1gxh6l" class="">色背景的卡片、按钮、标{、图片或者其他元素等Q在白色背景中都不适合d投媄。投׃得视觉效果对比模p,画面表现不够q净、通透,L投媄反而更加清晰自然?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="77kwb22" class="photoInformationContent"> <div id="uo1xhax" class="sc-1gq6zpr-5 iFlApr pictureBox"> <div id="qwpkb3a" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/668748306cf462b6iildcp1241.jpg?imageMogr2/format/webp" alt="UI 设计?10 个细? data-src="https://img.zcool.cn/community/668748306cf462b6iildcp1241.jpg?imageMogr2/format/webp" data-expand="2000"> <div> </div> </div> <div id="bcvf7xs" class=""> </div> </div> </div> </section> </div> <div id="11221ob" class="paragraph align- undefined"> </div> <div id="budo2fv" class="paragraph align- undefined"> </div> <div id="6mhth71" class="header-3 align-"> <div id="paopbml" class="bold ">结</div> </div> <div id="psky6an" class="paragraph align- undefined"> </div> <div id="k622jp6" class="paragraph align- undefined"> <div id="2a6cp4g" class="">以上案例属于 120+ 案例中随机挑选的 10 个作为示意,该系列案例也会持l更新。希望大家可以从q些案例中获得一些设计经验,助力设计输出Q能够做出更好的设计作品。经验属于个场和教学中的沉淀(wn)Q如有不xq留a补充?/div> </div> <br><br>作者:黑马青年<br>链接Qhttps://www.zcool.com.cn/article/ZMTYyNjg0NA==.html<br>来源Q站?br>著作权归作者所有。商业{载请联系作者获得授权,非商业{载请注明出处?/div> <div><a href="/blog/content/uploadfile/202411/8ad61732265770.png" target="_blank" rel="noopener"> <p><img src="/blog/content/uploadfile/202411/8ad61732265770.png" alt="" width="1200" height="155"></p> <p>C妙微(bouu.cn )是一家专注而深入的界面设计公司Qؓ期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、^面设计,以及相关的Y件开发服务,咨询电话Q?1063334945。我们徏立了一个微信群Q每天分享国内外优秀的设计,有兴请加入一起学习成长,咨询及进请加蓝助微信ben_lanlan</p> </a></div>]]></description> <pubDate>Fri, 21 Feb 2025 03:02:00 +0000</pubDate> <dc:creator>天宇</dc:creator> <guid>http://bouu.cn/blog/post-12962.html</guid> </item> <item> <title>如何从品角度发起交互设计? http://bouu.cn/blog/post-12959.html
本文从品角度出发,深入探讨了如何发起交互设计。通过明确产品目标与用户需求、进行用LI、构Z息架构、设计流E与界面、进行原型测试以及持l优化等关键步骤Q阐qC如何打造出满用户期望、提升用户体验ƈ实现产品目标的交互设计?/div>
 
一、引a
 
在当今数字化的时代,产品的成功不仅仅取决于其功能的强大,更在于能否ؓ用户提供畅、愉(zhn)且富有价值的交互体验。从产品角度发v交互设计Q意味着用L于核心,以实C品的商业目标和用户需求的完美融合?/div>
如何从品角度发起交互设计?
 
 
二、明品目标与用户需?/div>
 
Q一Q定义品目?/div>
产品目标是交互设计的LQ它军_了设计的方向和重炏V品经理需要与团队共同明确产品的定位、市场需求以及预期的商业成果。例如,是旨在提高用h跃度Q还是增加用戯{化率Q或者是提升品牌形象?/div>
如何从品角度发起交互设计?
 
 
 
Q二Q挖掘用户需?/div>
通过市场调研、用户反馈、竞品分析等手段Q深入了解目标用L行ؓ习惯、痛点和期望。这不仅包括对用h性需求的捕捉Q还包括Ҏ(gu)在需求的挖掘?/div>
如何从品角度发起交互设计?
 
 
 
三、进行用LI?/div>
 
Q一Q用L像创?/div>
Z攉到的数据Q构l的用户dQ包括用Lq龄、性别、职业、教育背景、用场景等特征Q以便更_և地理解用L行ؓ和需求?/div>
如何从品角度发起交互设计?
 
 
 
Q二Q用户场景分?/div>
模拟用户在不同场景下与品的交互q程Q发现可能存在的问题和优化点?/div>
举例说明Q?/div>
我们要知道,地铁周边食Q这是一个解x案。真正的需求是什么?一个字一个字地找需求,地铁=快速方便出行,食=和朋友一起吃?自己一人吃饭。这是一个和U下场景很相关的目Q我们要把不同目的核心用L主要使用场景写出来。经q分析,我们得出了用户会选择我们产品Q且产品未来可能存在的各U场景A、B、C、D、E。如下图所C:
如何从品角度发起交互设计?
 
 
如果按照目标人群所在场景分c,q行l分Q则Z图:
如何从品角度发起交互设计?
 
 
乘地铁去地铁站和附近地铁站区别:前ؓ用户会乘坐地铁去目的地寻扄食;后ؓ用户不用地铁/吃完后用地铁,地铁边美食没有其他美食团购品有竞争力?/div>
上班族和普通大众区别:上班族工作日使用固定地铁站上下班Q时间可能紧急,快速获取食物;普通找食吃的大众不用固定地铁站Q目的是通过地铁快速到达某目的圎ͼp享受目的地美食?/div>
朋友们和个h区别Q朋友们一起吃饭,Ҏ(gu)出现喝多、吃q点{异常行为,q且在选择地铁旁吃饭地Ҏ(gu)需要考虑朋友们家的位|就q选目的地。个人均不需要考虑以上Q较由?/div>
 
市场定位
l过领域场景的分析,我们知道了真场景都是用户有目的乘坐地铁去到某地铁站出站口L食的。那么我们对q么一大众进行用户h口统计学cȝl分Q?/div>
如何从品角度发起交互设计?
 
 
  • 上图为前期定位的目标大众用户,依靠地铁的工具属性,我们得出了具体的两个影响因素Q时?食热爱E度。同时我们把直接竞品和间接竞品一同进行用L比较。可以看到和大美团有相同和不同维度,q就是品最初冷启动时期的差异化Q也是我们的前、中期场景的主要目标用户cd?/div>
  • U色部分即种子用LQ以q些体为冷启动阶段Q可以更快的向四周扩张。因Z们有使用地铁的时间属性,同时有较高的食热爱E度Q有利于带动其他旉+热爱E度的用户加入品,实现快速ƈ有质量的拉新、活跃的目标?/div>
  • 低端直接竞品即用L工具属性明显,只是搜地铁站Q选择食的用P无明昑օ他行为;高端竞品x重社交、ugcv点,逼格高的搜寻食工具。这部分开始很难,工作量巨大,且较q大众L体?/div>
 
l合上图和要做的场景Q我们得Z产品具体目标用户Q乘坐地铁快速到辑ƈL目的地美食的大众用户Q上班族休息日,大学生,个h或一PQ要求在地铁站附q便能方便n受目的地食。且对美食有一定热q度?/div>
 
Q三Q用h?/div>
邀L实用戯行品试用,观察他们的操作行为,攉反馈意见Qؓ后箋的设计提供依据?/div>
1、需求接?/div>
需求很有可能是在线上接到的Qƈ不是面对面交传递的Qƈ且还会遇到很多坑Q例如需求本w不具体Q或者自q解有偏差Q因此在接到需求后Q最好和交互、品等同事q行面对面的交流和沟通?/div>
详细了解试目的和关键点Q确定用户配比?/div>
最好是让交互带着跑一下整个程序(半成品demo也好Q交互稿也行Q,q样能在头脑中快速Ş成操作流E的认知Qƈ把相应关键点对应上去。同时把大致的用户配比情冉|定一下,后箋可以直接招募用户了?/div>
了解demo的完成进度,相应定具体试旉?/div>
交互、视觉等完成demo的时间具有太多不定因素Q因此我们需要及时了解整个demo的完成进度,在尽可能快的情况下保险安排测试时_如果邀L是外部用Pl果用户C而demoq没出来Q那也是够了?/div>
2、方案撰写和定
让交互稿帮助自己。在完成试Ҏ(gu)撰写的过E中demoq未诞生Q具体程序细节记忆又很模p,不好写测试方案,怎么办?不要慌,ȝ交互E吧?/div>
及时沟通。在Ҏ(gu)撰写q程中,如果有一些疑问,例如在看交互E的时候还不是很理解某个具体操作过E,或者自己对产品有疑问的也可以跟交互{沟通,因ؓ自己会遇到的问题Q很有可能在试用用户也会遇刎ͼq样子用户如果问CQ就可以相应作出解释?/div>
核实定Ҏ(gu)。完成方案后Q可以在公司沟通交工具上和交互及产品{同事再认一下,是否有什么地斚w漏或有不妥之处?/div>
3、用h?/div>
q是一个大多数人都头疼的一个过E,希望看完了以下几点,可以E微~解一下大家的症状。再ơ确定测试时间?/div>
Ҏ(gu)定下来后Q再跟交互确认测试时_了解是否有变动和调整Q尽量避免用h了demo或者测试环境还不ok的情c?/div>
 
撰写招募文案。需要把用户要求、测试日期和地点、报酬、大致的试旉、用户需要在试中做什么,以及报名方式{表达清楚。有以下几点可以注意一下,方便我们自己招募Q?/div>
  • 详细列出试安排的时间段。例?0:30-11:15?3:30-14:15Q让用户自己挑选合适的旉D,q样׃用事后再协调不同用户试旉了;
  • 优先人力、信息管理、行政等岗位同事。尽量避免相关品h员、设计岗{同事?/div>
  • 制作单的招募hQƈ查。可以事先将“h”用word或者ppt做好Q然后保存成囄格式Q记得检查核实一下是否有错。因为在公司IM上直接黏脓(chung)实方便Q但是其排版往往不利于阅读,D用户会遗漏重要信息。而制作成囄格式Q可以更好地去避免这个问题,同时q可以显得整个招募过E比较正式,H出了对用户的尊重,也能在一定程度上体现我们用研工作的规范性?/div>
 
多渠道投放招募v报。内部用户可以尝试先在公司IM组上招募,之前招募h量比较小Q因此很快可以招刎ͼ其他途径暂时未尝试,公司论坛应该也可以,不过隐约感觉效率会比较低。外部用户可以在朋友圈试试,效果q不错,大家都很热情帮忙转发Q群众的力量大无I也可以相应L索一些QQ,加入q发布招募信息。另外还有一些社交论坛什么的Q都可以试一下。方法很多,针对具体招募情况Q大家就情发挥吧~
 
用户多了留到下次用。v报发出去后,有时也会Z意料用户数量过预期了,q是好事Q不要担心,也不要急着拒绝Q^和的跟对方说明情况,下次q会有测试,把用L应信息了解一下做个记录,下次招募的时候可以直接先联系q几名用戗当然前提是你真的有下次试需求,如果没有那还是老老实实说明情c?/div>
 
保自己和用戯彼此联系上。跟用户试旉和地点,其是外部用P如果招募和正式测试隔了几天,最好在试前一天再通知一下。给q联系电话Q同时询问用L联系电话?/div>
 
W一个用户尽量安排公司内部同事。很多时候demo的完成情况会出现意外Q到了测试时间demoq不能用Q内部用户可以方便取消或者更换。另外,在第一ơ测试前谁都不确定用户会有什么反应,W一个测试是可以起到试水效果Q而外部用h本高Q用来试水太奢侈?/div>
4、测试准?/div>
 
材料准备。需要准备的内容有:量表、报酬签收表、记录笔记本、录音笔、会议室借用Q以及记录表|如果是外部用戯来,相应准备一杯水Qh家大老远q来也不Ҏ(gu)?/div>
 
试内容准备。其实每ơ访谈用戯己都会挺紧张的,不知道用h不是也很紧张QPSQ好惛_一回用P体验一下被访的感觉Q。ؓ了消除这U紧张,同时也是Z更好的完成访谈,可以有尝试以下几点:
  • 可能多的去了解所需试的品。有时候demo出来的晚Q下午要试Qdemo中午才出来,自己都没玩过Q测试还怎么搞?之前也说了,那就使劲ȝ交互E吧Q虽然比不上实际操作来的真实Q但是也能有不小帮助Q但也要l自q熟(zhn)demo的时间?/div>
  • 按照模块来列提纲。其实相当于l块{略Q把同一个模块的问题攑ֈ一h方便记忆Qƈ且也在访谈中也方便自己和其他同事发现遗漏炏V但模块不要太大Q如果太大了q应拆分一下。例如,在考拉新版试的时候,?ldquo;首页”?ldquo;zd”?ldquo;购物?rdquo;{测试,但是光是首页内容也很多,作ؓ一个模块还是太大了Q可以拆分成“首页整体感知”?ldquo;商品详情”{几个方面来整理提纲?/div>
  • Ҏ(gu)d演练提纲。有了提U后Q按照Q务大致过一下所有列出来的问题,q个q程会打乱按照模块列好的提纲Q有一ơ这L排练Q在试的时候更不容易漏掉题目,而且也相当于模拟了一下测试,自己心里会更t实一点,在实际测试过E中也能有更好的应对?/div>
 
相关人员通知。通知交互和品的同事具体试旉和地点,邀请他们一起参与。不交互和品只是后期测试查阅报告,如果他们参与到测试中Q能更近距离和用h触,q能更加深刻感受C品存在的问题Q也能更好的推动产品的改q?/div>
5、正式测?/div>
L人需要注意的点:
  • 划分我们和品的关系。在试之前跟用戯明清楚,我们q不是品的设计者和开发者,我们只是受品方委托来进行测试,以免用户不好意思当面如实评价品?/div>
  • 试的是产品Q而不是用戗要跟用戯明品尚处于不完善阶D,因此邀L戯来进行测试,帮助发现问题和改q品设计,但请注意不是Z评h(hun)产品?/div>
  • 注意访谈技巧。这个就不用多说了?/div>
  • 可能深入的L掘用L需求。不要停留在用户话述表面Q更q一步去q问Q用户ؓ什么会q么说或q么问,例如Q很多时候在试中会到用户?ldquo;哦,原来q个按钮是xx功能Q我q以为是xx功能“Q这个时候可以再推进一步,了解用户Z么会q么认ؓ?/div>
  • l其他在场的同时发言的机会。主持h如果觉得自己访谈的差不多了,可以询问一下记录者以及交互、品等同事Q了解他们是否还有问题需要补充?/div>
  • 记得量表评分和报酬签收。长旉的测试和访谈后容易忘记量表评分和报酬{收Q可以把q两份东西放在显眼的地方Q另外可以让记录的同事打个招|帮忙提醒自己?/div>
 
记录人员需要注意的点:
  • 仔细观察用户行ؓq记录。记录不仅仅是用L观点、想法等Q更重要的是记录用户的实际行为?/div>
  • 按照模块记录。记录者可以按照测试方案中的模块来相应记录用户的行为和a语表q?/div>
  • 查漏补缺。主持h可能会遗漏一些点Q记录者作为旁观者需要提醒主持h遗漏了什么,或者自己有什么新的内定w要补充?/div>
 
6、测试结束欢送用戗对用户表示感谢Qƈ开门送一下用P对于外部用户Q最好能送到大楼外面可以看见出口的地斏V?/div>
试后及时讨论。这个是重点Q?/div>
在每一名用h试后及时和交互、品等同事快速过一下主要发现的问题点,q样做有以下优点Q?/div>
  • 有效达成pQ确定解x案。刚访谈l束印象最深刻Q因此能快速有效达成对主要问题的共识,q讨论确定相应的解决Ҏ(gu)?/div>
  • 体现敏捷优势。确定了一些比较严重的问题后,交互和品的同事可以相应去改进产品设计Q做CҎ(gu)Ҏ(gu)Q加快P代速度?/div>
  • 帮助优化访谈提纲Q和试用户安排。有些问题在事先撰写Ҏ(gu)的时候可能没涉及刎ͼ在讨论后可以补充q去Q而有些问题确定后则不需要再。另外,也可以通过讨论对事先安排的试用户q行相应调整Q例如增删用P或者调整新老用h试顺序等?/div>
  •  
    事后帮助我们自己快速撰写方案。通过讨论定了关键问题,q且Q交互和产品的同事也相应清楚了,因此在最后可以快速Ş成报告?/div>
再次感谢用户。所有用h试结束后Q可以花几分钟时间简单感谢一下用戗?/div>
 
7、报告撰?/div>
针对不同大小目的用h试,在完成报告撰写过E中有两U具体方式:
  • 测试项目简单快速撰写报告。对于那?-2天的测试项目,׃在每ơ测试后都有讨论Q已对主要问题达成共识,因此在报告撰写的时候就可以快速地主要的问题和风险点呈现出来?/div>
  • 大测试项目每天ȝq反馈主要问题。大的测试项目持l时间比较久Q针Ҏ(gu)天的试及讨论,单ȝ一下主要发现的问题Qƈ反馈l相关h员,如果C最后再ȝQ容易遗忘掉一些内容,q且q样子也方便自己最后撰写报告?/div>
 
四、构Z息架?/div>
思考信息架构有三个核心关键词:用户角色、品h(hun)倹{用场景?/div>
1、明用戯?/div>
用户角色清晰揭示用户目标Q帮助我们把握关键需求、关键Q务、关键流E,看到产品哪些是主要的事,哪些是次要的事。我们应该尽可能丰富、Ş象化我们的用戯Ԍ让它在设计决{过E中发挥作用Q设计出更符合用户场景的产品?/div>
2、了解品的目标价?/div>
作ؓ产品的设计师一定要理解产品的h(hun)|知道用户惌什么,把最重要的优先提到最高,量U除无关紧要的信息,或降低其他优先的权重,以免对用户造成q扰?/div>
3、提g品的使用场景
要了解品的业务程Q比如目标用h谁、什么场景、如何用,要把产品业务程上的节点一个一个梳理出来,q要考虑q个产品对用L价值是什么,不要仅仅考虑界面的元素规范、设计细节等{,要知道品的目标价gpR?/div>
4、信息架构优先
Z三个核心点(用户角色、品h(hun)倹{用场景)分析Q把目标用户人群核心价值的功能点业务流E梳理出来,分清L关系Q切忌功能堆砌,具体Ҏ(gu)可以把所有功能业务逻辑的主U列出来Q然后根据业务的优先U做评Q分清楚q些功能哪些是主要的Q哪些是ơ要的,然后通过数字做排序,q样我们q道哪些功能设计需要明显,哪些功能设计需要低调?/div>
5、信息归cd整合
从整体上思考信息类产品的分cd整合Q比如用戯料相关的产品会有用户信息、资料、等逻辑Q这样就要把所有跟用户相关的信息都归在同一个分c菜单下Q不要让他们分散在各个页面中。也是所谓的一U菜单、二U品的处理逻辑?/div>
6、要定期审视与P?/div>
随着产品规模与复杂度的提升,要随时关注信息架构是否满_前的产品框架Q不要等需要时候再d注一L全盘优化Q这样会让项目陷入被动的局面,可以逐渐增强Q@序渐q的优化Q从的l节对信息架构进行调_提升产品的易用性?/div>
 
六、进行原型测?/div>
1、制作原?/div>
使用快速原型工具制作可交互的原型,以便更直观地展示设计Ҏ(gu)?/div>
 
Q二Q内部测?/div>
团队内部q行初步试Q检查功能的完整性和程的合理性?/div>
 
Q三Q用h?/div>
邀请外部用戯行测试,攉他们的意见和Q发现潜在的问题和改q空间?/div>
 
七、持l优?/div>
 
Q一Q数据分?/div>
通过攉和分析用L使用数据Q了解用L行ؓ路径和偏好,Z化提供数据支持?/div>
 
Q二Q用户反馈处?/div>
及时响应用户的反馈,有价值的融入到后l的优化工作中?/div>
 
Q三QP代更?/div>
Ҏ(gu)数据分析和用户反馈,不断对交互设计进行P代更斎ͼ以适应市场和用户需求的变化?/div>
 
八、结?/div>
 
从品角度发起交互设计是一个综合性的q程Q需要充分考虑产品目标、用户需求、信息架构、流E界面、测试优化等多个斚w。只有以用户Z心,不断q求卓越的用户体验,才能打造出h竞争力的产品Q在Ȁ烈的市场竞争中脱颖而出?/div>
 
在未来的产品开发中Q随着技术的不断q步和用户需求的不断变化Q交互设计也面临新的挑战和机遇。品团队应保持敏锐的洞察力和创新精,持箋探烦和优化交互设计,为用户创造更多的价倹{?/div>
 


作者:Charlotte的嘻?br>链接Qhttps://www.zcool.com.cn/article/ZMTYyNzM1Mg==.html
来源Q站?br>著作权归作者所有。商业{载请联系作者获得授权,非商业{载请注明出处?/div> ]]> Fri, 21 Feb 2025 02:44:47 +0000 天宇 http://bouu.cn/blog/post-12959.html 用户体验一致性思?/title> <link>http://bouu.cn/blog/post-12955.html</link> <description><![CDATA[<div> <div id="fa6zfh7" class="header-2 align-"> <div id="ttuzem2" class="">前言</div> </div> <div id="brtltef" class="paragraph align- undefined"> <div id="jlmtn2n" class="">在团队内部,我们已确立了一套设计规范,在日帔R目中使用设计规范输出变的高效、统一。然而,在实际操作中Q不可避免地会遇C些特D情况:某些客户提出的个性化需求ƈ不完全契合既定的设计规范,q些促我们不得不在保持设计一致性的基础上进行灵z调整。因此,深入反思ƈ优化一致性原则的应用{略昑־ؓ重要。我们需要探索如何在坚守设计规范核心_的同Ӟ灉|应对多变的需求,保设计既保持统一和谐Q又能满特定场景下的独牚w求,从而实现用户体验与品牌价值的双重提升?/div> </div> <div id="zqnhcgo" class="paragraph align- undefined"> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="kc27kul" class="photoInformationContent"> <div id="6vwwoec" class="sc-1gq6zpr-5 iTjItO pictureBox"> <div id="jq777eq" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/66f105453282f3036hsiuz5473.png?imageMogr2/format/webp" alt="用户体验一致性思? data-src="https://img.zcool.cn/community/66f105453282f3036hsiuz5473.png?imageMogr2/format/webp" data-expand="1920"> <div> </div> </div> <div id="ud72cwl" class=""> </div> </div> </div> </section> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="do11l1z" class="photoInformationContent"> <div id="zujvgr2" class="sc-1gq6zpr-5 hXQGRE pictureBox"> <div id="nvbzlmc" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/66f105b9cadf5yuyg5jdxk1407.png?imageMogr2/format/webp" alt="用户体验一致性思? data-src="https://img.zcool.cn/community/66f105b9cadf5yuyg5jdxk1407.png?imageMogr2/format/webp" data-expand="1920"> <div> </div> </div> <div id="7cziy7b" class=""> </div> </div> </div> </section> </div> <div id="2qqorv1" class="paragraph align- undefined"> <div id="jtjqzl7" class="">在UI/UX设计中,雅各?middot;尔的十条可用性原则中Q一致性(Consistency and standardsQ位列第四。这一原则在界面和交互设计上需要遵循既定的规则Q无论是在应用内部还是跨q_之间?/div> </div> <div id="nafbgws" class="paragraph align- undefined"> <div id="7fg261t" class="">背后的心理学原理——重复定律Q强调了信息重复对于巩固记忆的重要性。正如赫曼·艑֮斯通过“遗忘曲线”所揭示的,信息的有效保留离不开重复接触。一致性的应用正是q一原理的生动实践,通过不断重复l一的设计元素与模式Q强化用户对产品的认知与记忆Q从而提升整体的用户满意度与忠诚度?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="kq24qyf" class="photoInformationContent"> <div id="i7lhn62" class="sc-1gq6zpr-5 fMnJFF pictureBox"> <div id="1rghb2o" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/66f1060ba5b140u6v0ybhy1784.png?imageMogr2/format/webp" alt="艑֮斯遗忘曲线" data-src="https://img.zcool.cn/community/66f1060ba5b140u6v0ybhy1784.png?imageMogr2/format/webp" data-expand="1600"> <div> <div id="reyf6bg" class="sc-1gq6zpr-2 bnHeZr photoDescriptionIntro">艑֮斯遗忘曲线</div> </div> </div> <div id="bonftxk" class=""> </div> </div> </div> </section> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="uj7hxwd" class="photoInformationContent"> <div id="e6gsw6f" class="sc-1gq6zpr-5 hXQGRE pictureBox"> <div id="iej7c62" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/66f1066d67cba6fgwxeiep39.png?imageMogr2/format/webp" alt="用户体验一致性思? data-src="https://img.zcool.cn/community/66f1066d67cba6fgwxeiep39.png?imageMogr2/format/webp" data-expand="1920"> <div> </div> </div> <div id="oiwr2ij" class=""> </div> </div> </div> </section> </div> <div id="wuldlaf" class="header-2 align-"> <div id="adriunh" class="bold ">用户?/div> </div> <div id="dfvny2b" class="paragraph align- undefined"> <div id="62wknbw" class="bold ">1、用户学习曲U:</div> </div> <div id="bnb72qs" class="paragraph align- undefined"> <div id="iewfbsi" class="">一致的UI/UX设计可以降低用户的学习曲Uѝ当用户在应用程序或|站中遇C致的元素、布局和交互方式时Q他们可以快速理解ƈ准确预测如何与界面进行交互。这减少了用Lh和困惑,提高了他们的效率和满意度?/div> </div> <div id="we7dvjz" class="paragraph align- undefined"> <div id="jhtyd7z" class="bold ">2、提升可用性:</div> </div> <div id="wm62nyf" class="paragraph align- undefined"> <div id="lrisxfv" class="">一致性用户界面更加易于使用。当用户在不同的面或功能之间找到相似的设计元素和交互模式时Q他们可以轻村֜已有的知识和经验应用于新的情境中。这U一致性帮助用户快速完成Q务,减少错误和迷失,提供更好的导航和畅的体验?/div> </div> <div id="2arbc6c" class="paragraph align- undefined"> <div id="eaoq6wg" class="bold ">3、品牌认可度Q?/div> </div> <div id="2qj1gn1" class="paragraph align- undefined"> <div id="7rydo6c" class="">一致的UI/UX设计有助于树立品牌Ş象和增强品牌认可度。通过在不同的渠道和^C保持一致的设计元素、标识和视觉风格Q品牌可以徏立v独特而可识别的Ş象。用户在不同的触点上都能感受到品牌的一致性,从而增加品牌的信Q和忠诚度?/div> </div> <div id="h6e7ve1" class="paragraph align- undefined"> <div id="qioey66" class="bold ">4、用h意度Q?/div> </div> <div id="7l7scvf" class="paragraph align- undefined"> <div id="hv6wzrm" class="">一致性直接媄响用L满意度。当用户在用应用程序或|站时感受到一致的设计和交互方式时Q他们会感到更加舒适和自信。一致性传递了专业和质量的信号Q让用户感到被关注和重视。这U积极的用户体验有助于提升用h意度Qƈ促他们持箋使用和推荐你的品或服务?/div> </div> <div id="j7w72hf" class="paragraph align- undefined"> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="2y1a2mt" class="photoInformationContent"> <div id="661up2w" class="sc-1gq6zpr-5 fMnJFF pictureBox"> <div id="n7kwb1f" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/66f106ce5d576834woozhp9160.png?imageMogr2/format/webp" alt="用户体验一致性思? data-src="https://img.zcool.cn/community/66f106ce5d576834woozhp9160.png?imageMogr2/format/webp" data-expand="1600"> <div> </div> </div> <div id="h2ejv6w" class=""> </div> </div> </div> </section> </div> <div id="rmfikos" class="header-2 align-"> <div id="2ldzp7e" class="bold ">产研?/div> </div> <div id="hi71pbg" class="paragraph align- undefined"> <div id="7zjxc46" class="bold ">1. 降低设计成本Q提高开发效?/div> </div> <div id="hd2zmao" class="paragraph align- undefined"> <div id="2imysot" class="">无论是设计还是开发,复用已有的组件资源,保持界面的一致性可以有效地减少设计的投入,避免不必要的设计分歧炏V?/div> </div> <div id="pgqcm7g" class="paragraph align- undefined"> <div id="bofopwj" class="">而在开发阶D,可以避免重复造轮子,提高开发的效率Q保证落地效果,也可以减上U前设计走查、测试的工作量?/div> </div> <div id="ea2dadr" class="paragraph align- undefined"> <div id="e2lhmcu" class="bold ">2. 形成一致的设计风格</div> </div> <div id="va6yink" class="paragraph align- undefined"> <div id="nedsd77" class="">Ҏ(gu)原子设计理论Q通过原子lg的一致性,可以构徏出统一的界面框架、布局QŞ成统一风格和用户交互认知,从而更好地保证用户体验质量?/div> </div> <div id="advjz2t" class="paragraph align- undefined"> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="mklkzlx" class="photoInformationContent"> <div id="hzy1ja1" class="sc-1gq6zpr-5 hXQGRE pictureBox"> <div id="72bp2r6" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/66f1071ce0aa2e8pbuar5q6430.png?imageMogr2/format/webp" alt="用户体验一致性思? data-src="https://img.zcool.cn/community/66f1071ce0aa2e8pbuar5q6430.png?imageMogr2/format/webp" data-expand="1920"> <div> </div> </div> <div id="ng1xhco" class=""> </div> </div> </div> </section> </div> <div id="wnhd2oe" class="header-2 align-{}"> <div id="6e22q6h" class="">色彩</div> </div> <div id="pjinhyt" class="paragraph align- undefined"> <div id="1mvwx7f" class="">色彩作ؓ一U兼L理属性与感官享受的复杂现象,其本质在于光波在Z视网膜上的特定L长被反射或吸收后Q所引发的视觉感知结果。在设计领域Q色彩的选择与运用不仅是视觉艺术的展玎ͼ更是品牌w䆾与个性的直接体现。诸如饿了么标志性的蓝色、美团鲜明的黄色、以及京东热情的U色{,q些品牌专属色彩不仅构成了品牌识别系l的重要l成部分Q还通过光度的一致性,在视觉层面上构徏起强烈的品牌认知Q营造出l一和谐的视觉体验?/div> </div> <div id="yqnbc2h" class="paragraph align- undefined"> <div id="xzlmcz6" class="">色彩的一致性策略在品牌塑造中发挥着不可估量的作用,它能够有效增强品牌的记忆度与辨识度,深化品牌形象在消费者心中的烙印Q进而提升品的市场吸引力和用户忠诚度。同Ӟq种{略q促q了设计元素间的和谐共存Q包括按钮、图标、字体、标{、背景、以及关键视觉元素如Banner{,均能在统一的色彩体pM实现视觉上的q诏与流畅,极大地提升了产品的可用性、无障碍性,以及用户在用过E中的整体满意度与交互体验?/div> </div> <div id="no7727t" class="paragraph align- undefined"> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="jykphkw" class="photoInformationContent"> <div id="dvhmyon" class="sc-1gq6zpr-5 fMnJFF pictureBox"> <div id="ys6wmfe" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/66f10cb514f93lodrwdecn7971.png?imageMogr2/format/webp" alt="用户体验一致性思? data-src="https://img.zcool.cn/community/66f10cb514f93lodrwdecn7971.png?imageMogr2/format/webp" data-expand="1600"> <div> </div> </div> <div id="2xroenz" class=""> </div> </div> </div> </section> </div> <div id="26m6nnv" class="header-2 align-"> <div id="6jgsp16" class="">字体</div> </div> <div id="irqt7lj" class="paragraph align- undefined"> <div id="7gimx2a" class="">字体作ؓ设计中不可或~的核心要素Q其独特性在于能够精准地塑造文字的视觉形象Q涵盖Ş状、尺寸、粗l、字间距{多l度特征。这些特征共同构Z一U独特的文字风格Q不仅承载着信息的传递功能,更在无Ş中引导着用户的视觉流E,影响着信息的接收与理解深度。因此,在设计过E中Q合理选择与应用字体显得尤为关键?/div> </div> <div id="sbhfswq" class="paragraph align- undefined"> </div> <div id="5nrrkvo" class="paragraph align- undefined"> <div id="2ihkjb2" class="">字体cd的多h,如有衬线字体与无衬线字体的对比,不仅体现了风g的差异,q隐含了不同的阅M验与情感表达。字体的_细变化Q如l体、常规、粗体等Q更是能够强调文本的重要性层U,增强信息的层ơ感与可L。此外,字重的调整也是塑造视觉焦炏V引DU流动的有效手段Q对于提升设计的整体观度和信息传达效率h不可觑的作用?/div> </div> <div id="pdyk2f7" class="paragraph align- undefined"> </div> <div id="ah7naud" class="paragraph align- undefined"> <div id="ll2fyaj" class="">然而,在实际的开发与实现q程中,若不加节制地使用多种字体Q不仅会显著增加面的加载时_影响用户体验的流畅性,q可能因风格不统一而导致页面显得杂乱无章,破坏整体设计的和谐感。因此,制定一套统一、规范的字体使用{略昑־ؓ重要。这不仅有助于提升开发效率,减少后期更新q代的复杂度Q还能有效避免资源浪费,保设计作品在视觉上的一致性与专业性?/div> </div> <div id="vjh74zv" class="paragraph align- undefined"> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="7iyd2gc" class="photoInformationContent"> <div id="2ysgqhe" class="sc-1gq6zpr-5 fMnJFF pictureBox"> <div id="me2d7pf" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/66f10f2eb2b3bm5klc65311162.png?imageMogr2/format/webp" alt="用户体验一致性思? data-src="https://img.zcool.cn/community/66f10f2eb2b3bm5klc65311162.png?imageMogr2/format/webp" data-expand="1600"> <div> </div> </div> <div id="ptmo7y4" class=""> </div> </div> </div> </section> </div> <div id="yt7zn4p" class="header-2 align-"> <div id="7o2nt4x" class="">图标</div> </div> <div id="xdtufnj" class="paragraph align- undefined"> </div> <div id="fsw2wpi" class="paragraph align- undefined"> <div id="we2l2r4" class="">图标作ؓ用户界面设计中至关重要的元素Q风格直接媄响到用户的用体验与对品的整体印象。图标以其简z、直观且富有表现力的特点Q在快速传达信息、引导用h作方面发挥着不可替代的作用。在设计中,图标的设计与应用更是需要精心考量Q以保其既能够准确传达信息Q又能够与整体设计风g持一_从而营造出专业、和谐且易于使用的界面环境?/div> </div> <div id="sj7umd4" class="paragraph align- undefined"> </div> <div id="wofz2w4" class="paragraph align- undefined"> <div id="iwjsbvw" class="">设计中视觉上保持l一包括图标的大、Ş状、色彩以及设计风格等多个斚wQ能够增强用L认知q诏性,降低学习成本Q提升用效率。相反,如果图标风格hQ不仅会让界面显得杂乱无章,q会l用户带来困惑和不安Q进而媄响其对品专业性和安全性的信Q?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="pclqo2h" class="photoInformationContent"> <div id="ygcezqa" class="sc-1gq6zpr-5 fMnJFF pictureBox"> <div id="w9jln2p" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/66f1129f16a4d2t26uuvm15176.png?imageMogr2/format/webp" alt="用户体验一致性思? data-src="https://img.zcool.cn/community/66f1129f16a4d2t26uuvm15176.png?imageMogr2/format/webp" data-expand="1600"> <div> </div> </div> <div id="aac2fe7" class=""> </div> </div> </div> </section> </div> <div id="ckjpz4z" class="header-2 align-"> <div id="namyole" class="">按钮</div> </div> <div id="vjcsmfq" class="paragraph align- undefined"> <div id="ttzt22k" class="">按钮设计应统一于项目风|无论是圆形、矩形、圆角矩形还是特定ŞӞ保持一致性是关键。统一的按钮样式不仅嘪显专业性,q能增强用户信QQ确保体验连贯。过多变化的按钮样式会扰qL面,降低操作直观性,甚至让用戯以ؓ自己已离开应用环境。因此,_ֿ设计的统一按钮样式Ҏ(gu)升用户体验至关重要?/div> </div> <div id="7f2yqlr" class="paragraph align- undefined"> </div> <div id="i2tpix7" class="header-2 align-"> <div id="j7bbm7c" class="">排版</div> </div> <div id="i2uib2x" class="paragraph align- undefined"> <div id="lit2lod" class="">设计中的排版一致性对于构建高效、用户友好的界面臛_重要。一致的排版不仅能够让用户快速适应和理解界面的整体l构Q大q降低学习成本,q能在用户心中激发强烈的归属感和安全感。这U熟(zhn)感使得内容更加易读Q用戯够自然地依照既定的视觉动U流畅地览面Q迅速定位ƈ获取所需信息Q从而显著提升信息获取的效率。因此,在设计过E中Q注重ƈl护排版的一致性,是提升用户体验和界面有效性的重要{略之一?/div> </div> <div id="xcueh2i" class="paragraph align- undefined"> </div> <div id="ugc2qhs" class="paragraph align- undefined"> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="kmazky7" class="photoInformationContent"> <div id="vti7lps" class="sc-1gq6zpr-5 hXQGRE pictureBox"> <div id="hrytws7" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/66f1133a4ccc154ec0ti687409.png?imageMogr2/format/webp" alt="用户体验一致性思? data-src="https://img.zcool.cn/community/66f1133a4ccc154ec0ti687409.png?imageMogr2/format/webp" data-expand="1920"> <div> </div> </div> <div id="rpdhodd" class=""> </div> </div> </div> </section> </div> <div id="tnm7taw" class="paragraph align- undefined"> </div> <div id="moc2r7d" class="header-2 align-{}"> <div id="qhs9o0p" class="">操作程的一致?/div> </div> <div id="fosqfe2" class="paragraph align- undefined"> <div id="tnfgcy7" class="bold ">标准化流E:保用户在执行相gQ务时Q如购买商品、搜索信息或提交表单{,能够遵@相同的操作流E。这有助于用户快速适应q效完成Q务?/div> </div> <div id="kbw7zy2" class="paragraph align- undefined"> <div id="v2i2xph" class="bold ">逻辑清晰Q操作流E的每一步都应符合用L认知习惯和行为逻辑Q避免让用户感到困惑或不知所措?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="22caak7" class="photoInformationContent"> <div id="wvg4iah" class="sc-1gq6zpr-5 fMnJFF pictureBox"> <div id="k7v0ilg" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/66f1158bb0ddauc86u44bf2133.png?imageMogr2/format/webp" alt="用户体验一致性思? data-src="https://img.zcool.cn/community/66f1158bb0ddauc86u44bf2133.png?imageMogr2/format/webp" data-expand="1600"> <div> </div> </div> <div id="vkmwozo" class=""> </div> </div> </div> </section> </div> <div id="bsvgy7g" class="header-2 align-{}"> <div id="evn7ua7" class="">交互元素的一致?/div> </div> <div id="74kuxix" class="paragraph align- undefined"> <div id="ch2hsod" class="bold ">按钮和控Ӟ保按钮、输入框、下拉菜单等交互元素的样式、位|和操作方式在整个应用或|站中保持一致。例如,所有按钮都应具有相同的视觉风格和触发机制?/div> </div> <div id="tokjjuu" class="paragraph align- undefined"> <div id="v2x2lg2" class="bold ">D和菜单:D栏和菜单的设计也应保持一_使用戯够轻村֜在不同页面或功能之间切换?/div> </div> <div id="22hrcj2" class="paragraph align- undefined"> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="yadjxw7" class="photoInformationContent"> <div id="oq2t7t4" class="sc-1gq6zpr-5 fMnJFF pictureBox"> <div id="24qonx2" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/66f1176e53cf0ga274zvu02210.png?imageMogr2/format/webp" alt="用户体验一致性思? data-src="https://img.zcool.cn/community/66f1176e53cf0ga274zvu02210.png?imageMogr2/format/webp" data-expand="1600"> <div> </div> </div> <div id="in0tzvu" class=""> </div> </div> </div> </section> </div> <div id="29s7cja" class="header-2 align-{}"> <div id="7yqi2ec" class="">反馈机制的一致?/div> </div> <div id="hqieakn" class="paragraph align- undefined"> <div id="flswn2h" class="bold ">操作反馈Q当用户执行某个操作Ӟ应用或网站应提供一致且及时的反馈,如加载动甅R成功提C或错误消息{。这有助于用户了解操作结果ƈ采取相应的行动?/div> </div> <div id="s2ncufa" class="paragraph align- undefined"> <div id="d7y7y7n" class="bold ">状态提C:对于长时间运行的操作或需要用L待的场景Q应提供明确的状态提C(如进度条Q,以减ȝL不确定感和焦虑感?/div> </div> <div id="rzc2c7w" class="paragraph align- undefined"> </div> <div id="j7f7qie" class="paragraph align- undefined"> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="u7uawws" class="photoInformationContent"> <div id="2e2mxao" class="sc-1gq6zpr-5 iTjItO pictureBox"> <div id="bsslext" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/66f105966acca9er140ip92255.png?imageMogr2/format/webp" alt=" " data-src="https://img.zcool.cn/community/66f105966acca9er140ip92255.png?imageMogr2/format/webp" data-expand="1920"> <div> <div id="ayubt2e" class="sc-1gq6zpr-2 bnHeZr photoDescriptionIntro"> </div> </div> </div> <div id="pgcjilw" class=""> </div> </div> </div> </section> </div> <div id="ev2n7r9" class="paragraph align- undefined"> </div> <div id="747awsj" class="paragraph align- undefined"> </div> <div id="v7blwky" class="paragraph align- undefined"> <div id="cea2q7m" class="">在Q何维度上Q一致性不应成计的唯一导向。设计,q一融合了艺术与U学的复杂领域,要求我们在用户体验的l腻雕琢、功能需求的_և满、美学h(hun)值的深刻体现及技术可行性的严格考量间游走?/div> </div> <div id="prq2b2b" class="paragraph align- undefined"> </div> <div id="yt2gkss" class="paragraph align- undefined"> <div id="k7b2pkh" class="">“一致?rdquo;作ؓ设计{略Q其核心使命在于优化用户路径Q降低认知门槛,保用户在多元界面中I梭时仍能感受到q诏与和谐。当我们在与设计团队Q包括工E师、品经理等Q沟通时Q仅仅提?ldquo;一致?rdquo;可能q不以说明其必要性和价倹{我们需要更深入地阐qCؓ什么需要保持一致性,以及它如何具体帮助减用户困惑、提高用h意度和忠诚度?/div> </div> <div id="pvcg7z4" class="paragraph align- undefined"> </div> <div id="jlzgjml" class="paragraph align- undefined"> <div id="kfl2vnc" class="">同时Q我们应清醒认识刎ͼ“一致?rdquo;q不是万能的。在某些情况下,Zq求极致的用户体验或解决特定的设计问题,可能需要打破传l的一致性规则。因此,设计师需要在保持一致性和创新之间扑ֈq点,Ҏ(gu)具体情况灉|调整设计Ҏ(gu)?/div> </div> <div id="neii7y4" class="paragraph align- undefined"> </div> <div id="evgokfe" class="paragraph align- undefined"> <div id="q7mmp7a" class="">实际落地执行Ӟ要根据品定位、用户场景,l合业务功能来确定设计方案,不能Z一致而一致?/div> </div> <div id="gpzs7dm" class="paragraph align- undefined"> <div id="4gtxewl" class="">当我们遇C致性问题时Q还是需要从以下3个方面深入思考,做出准确合理的设计决{?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="o2mo7v2" class="photoInformationContent"> <div id="5q9f2vm" class="sc-1gq6zpr-5 hXQGRE pictureBox"> <div id="2knfbm2" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/66f11a9a653483q61qpv9s7227.png?imageMogr2/format/webp" alt="用户体验一致性思? data-src="https://img.zcool.cn/community/66f11a9a653483q61qpv9s7227.png?imageMogr2/format/webp" data-expand="1920"> <div> </div> </div> <div id="b2p2wso" class=""> </div> </div> </div> </section> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="pryyme7" class="photoInformationContent"> <div id="ukjfxww" class="sc-1gq6zpr-5 fMnJFF pictureBox"> <div id="22tpl7m" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/66f1206db5ab77wcktdirx9593.png?imageMogr2/format/webp" alt="真实目" data-src="https://img.zcool.cn/community/66f1206db5ab77wcktdirx9593.png?imageMogr2/format/webp" data-expand="1600"> <div> <div id="cpazg2q" class="sc-1gq6zpr-2 bnHeZr photoDescriptionIntro">真实目</div> </div> </div> <div id="292lw7v" class=""> </div> </div> </div> </section> </div> <div id="ghp2s0c" class="paragraph align- undefined"> <div id="vf7hkth" class="">在SaaS产品设计中,特别是面向B(ti)/G端(企业用户Q时Q满不同用戯Ԍ如普通用户与高权限领|的需求是臛_重要的?/div> </div> <div id="74og7pv" class="header-2 align-{}"> <div id="297k2gb" class="bold ">理端布局设计</div> </div> <div id="lrryu7q" class="paragraph align- undefined"> <div id="jpwwk2s" class="bold ">普通简z明了:为普通用戯计的理界面应简z直观,聚焦于日常操作,如数据查看、统计和下蝲?/div> </div> <div id="79z2u5m" class="paragraph align- undefined"> <div id="227t2m9" class="bold ">功能分区Q通过清晰的导航栏或侧Ҏ(gu)功能区域划分开Q如“数据概览”?ldquo;报表下蝲”?ldquo;d理”{,便于用户快速定位所需功能?/div> </div> <div id="kt4hz92" class="paragraph align- undefined"> <div id="ga2gg47" class="bold ">操作便捷Q确保常用操作(如搜索、筛选、排序)易于触达Q减用LL数和面跌{?/div> </div> <div id="gpkcq42" class="paragraph align- undefined"> </div> <div id="kfaaomj" class="header-2 align-{}"> <div id="2j7oci2" class="bold ">首页版心定宽设计</div> </div> <div id="yshss9t" class="paragraph align- undefined"> <div id="s2y7jqw" class="bold ">固定宽度Qؓ首页讑֮一个合适的固定宽度Q如1200px?440px{)Q以保证内容在大多数屏幕上都能保持一致的阅读体验?/div> </div> <div id="wc2fxyu" class="paragraph align- undefined"> <div id="hy2n7nx" class="bold ">信息模块化:首内容划分ؓ多个卡片Q每个卡片承载一个独立的信息单元Q如数据报表、通知公告、项目进展等Q?/div> </div> <div id="jscnusr" class="paragraph align- undefined"> <div id="qzvcmla" class="bold ">视觉层次Q通过颜色、大、阴q设计元素区分卡片的重要性,引导用户视线Q提高信息获取效率?/div> </div> <div id="kpo7meo" class="paragraph align- undefined"> <div id="u7sgjj7" class="bold ">交互性:为卡片添加交互元素,如点d开、滑动查看更多等Q增加用户参与度和页面活跃度?/div> </div> <div id="s7z7d2l" class="paragraph align- undefined"> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="yt2sswl" class="photoInformationContent"> <div id="togr57h" class="sc-1gq6zpr-5 hXQGRE pictureBox"> <div id="vblovgn" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/66f11a5dd1278z1udofsyl1188.png?imageMogr2/format/webp" alt="用户体验一致性思? data-src="https://img.zcool.cn/community/66f11a5dd1278z1udofsyl1188.png?imageMogr2/format/webp" data-expand="1920"> <div> </div> </div> <div id="fo7p2fi" class=""> </div> </div> </div> </section> </div> <div id="29oqpoc" class="header-2 align-"> <div id="b2on2j2" class="bold ">位置差异性分?/div> </div> <div id="fzvympo" class="paragraph align- undefined"> <div id="rso2vni" class="">Ҏ(gu)「认知负?gt;视觉负荷>动作负荷」理论,在页面中我们首先要让用户能够扑ֈ按钮Q然后完成操作?/div> </div> <div id="hfu7b7c" class="paragraph align- undefined"> <div id="jts2g7z" class="">相对于弹H,面的空间更大,边界感偏弱,用户的视觉重心更Ҏ(gu)停留在左侧表单内容区域。所以按钮应该紧随搜索条Ӟ便于用户快速发现按钮?/div> </div> <div id="a7dddnq" class="paragraph align- undefined"> <div id="tcumq2u" class="">区域用户已经形成下意识操作习?虽然区别于规?只能打破,遵@客户需?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="240u7ue" class="photoInformationContent"> <div id="247ob2p" class="sc-1gq6zpr-5 fMnJFF pictureBox"> <div id="7x2gjp7" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/66f121c3a999bbl0j2f8yc29.png?imageMogr2/format/webp" alt="用户体验一致性思? data-src="https://img.zcool.cn/community/66f121c3a999bbl0j2f8yc29.png?imageMogr2/format/webp" data-expand="1600"> <div> </div> </div> <div id="kibftrc" class=""> </div> </div> </div> </section> </div> <div id="dqm7ywe" class="header-2 align-"> <div id="2s4d2d0" class="">一致性是规则</div> </div> <div id="7g9asgg" class="paragraph align- undefined"> <div id="27f2b2q" class="">“一致?rdquo;作ؓ规则或手D,服务于提升用户体验的原则。规则与原则一致时Q促q业务共识与用户价|冲突Ӟ原则优先。用户体验原则指g的一致性,要超表面控件统一Q更在于产品决策与h(hun)值取向的一致。必要时Qؓ更好的用户体验,可在规则上让步以实现原则l一。打破规则需慎重权衡Q确保用户便利以I补理解成本,需长期全局考量。规则非僵化教条Q而是引导我们谨慎创新的框架?/div> </div> <div id="wmm2f7q" class="paragraph align- undefined"> </div> <div id="tcuahz2" class="header-2 align-"> <div id="4bss4h4" class="bold ">一致性的底线</div> </div> <div id="wynnjb2" class="paragraph align- undefined"> <div id="70n7num" class="">无论从哪个角度,一致性存在的必要性都是毋庸置疑的?/div> </div> <div id="oehryu2" class="paragraph align- undefined"> <div id="oqi7eo2" class="">对于关键的设计元素,如专有名词和颜色体系Q保持一致性至关重要。这不仅有助于维护品牌Ş象,q能减少用户的困惑?/div> </div> <div id="v7i0to2" class="paragraph align- undefined"> <div id="wyu77vm" class="">特定设计语言在特定场景下的变体应用,虽然可能带来一定的视觉新鲜感或针对性优化,但往往需要}慎评估其潜在风险。一旦变体打破了整体设计的一致性,可能会破坏用户对品牌的熟(zhn)感和信LQ甚臛_发误解。因此,在追求设计创新的同时Q必ȝ保这U创新是Z一致性的原则之上Q以l持品牌的整体性和用户的良好体验?/div> </div> <div id="lcewi7t" class="paragraph align- undefined"> </div> <div id="fcq7td4" class="header-2 align-"> <div id="747h7ze" class="bold ">拥抱复杂?/div> </div> <div id="ec7u7y7" class="paragraph align- undefined"> <div id="bq2i2bo" class="">一致性确实不应成计师的避风港或限制创新的枷锁Q而应是基于对业务深刻理解和多样化设计能力之上的h(hun)值选择。设计师的核心Q务始l是满用户的多样化需求和偏好Q这需要他们细致入微地观察、理解ƈ解决每个用户的独牚w题?/div> </div> <div id="wu2x7b7" class="paragraph align- undefined"> </div> <div id="anffb2x" class="paragraph align- undefined"> <div id="7dieelg" class="">在追求一致性的同时Q设计师应保?ldquo;W一性思?rdquo;的能力,卛_归问题的本质Q从用户需求出发进行创新设计。多h页面的产出Q不仅体C设计师的创造力和灵zL,也是提升用户体验、增Z品吸引力的关键?/div> </div> <div id="norues2" class="paragraph align- undefined"> </div> <div id="mov7nq7" class="paragraph align- undefined"> <div id="uylkno4" class="">一致性与创新设计q怺排斥Q而是相辅相成的关pR真正的一致性不应导致单调或拒绝创新Q而应是在遵@品牌或品核心h(hun)值的前提下,鼓励设计师在l节和体验上不断探烦和突破。当设计师感到被既定规则束缚Ӟ应勇于质疑ƈ重新评估当前的规范,保所谓的“一致?rdquo;不是L的伪命题Q而是真正W合用户需求和品牌发展的h(hun)值导向?/div> </div> <div id="iss7vx4" class="paragraph align- undefined"> </div> <div id="2uiipom" class="paragraph align- undefined"> <div id="al4dkcb" class="">因此Q设计师应时M持开攄心态和敏锐的洞察力Q不断探索和试新的设计Ҏ(gu)和理念,以更加灵zd创新的方式实C致性与用户需求的完美融合?/div> </div> <div id="ny2a2fw" class="paragraph align- undefined"> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="cktk7f2" class="photoInformationContent"> <div id="kdbh2no" class="sc-1gq6zpr-5 iTjItO pictureBox"> <div id="2wikeq4" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/66f1282bb287a25gisci189123.png?imageMogr2/format/webp" alt="用户体验一致性思? data-src="https://img.zcool.cn/community/66f1282bb287a25gisci189123.png?imageMogr2/format/webp" data-expand="1920"> <div> </div> </div> <div id="z7hxcpm" class=""> </div> </div> </div> </section> </div> <div id="2uyu7x2" class="header-2 align-"> <div id="y2ag7sc" class="">重要的设计原?/div> </div> <div id="mqgocgi" class="paragraph align- undefined"> <div id="2ukdymj" class="">「一致性」作计领域中的一基性原则,光要性不a而喻。它不仅计过E提供了E_的基矻Iq显著促q了开发效率与产品体验的全面升U。在设计实践中,一致性确保了界面元素的统一性和q诏性,使得用户能够q速熟(zhn)ƈ掌握产品的用方式,降低了学习成本,增强了操作的直观性和便捷性?/div> </div> <div id="dggp4bt" class="header-2 align-"> <div id="poc7v2f" class="">灉|变通?/div> </div> <div id="vcyejow" class="paragraph align- undefined"> <div id="trdaplr" class="">一致性原则ƈ非一成不变的强制规定Q而是需要根据品的具体定位和市场环境进行灵zd通的应用。不同的产品可能面向不同的用L体,拥有独特的品牌调性和功能需求,因此在追求一致性的同时Q也需充分考虑q些因素Q确保设计既W合品牌特色Q又能满用L实际需求?/div> </div> <div id="nizvwjx" class="paragraph align- undefined"> </div> <div id="uryfean" class="header-2 align-"> <div id="levybad" class="">提升用户体验是h(hun)值所?/div> </div> <div id="tfeo7tl" class="paragraph align- undefined"> <div id="7now22t" class="">一致性的真正价值在于其能够显著提升用户体验。通过遵@用户的认知和习惯Q设计师能够创造出更加自然、流畅的操作程Q用户在n受品功能的同时Q也能感受到品牌所传递的舒适与和谐。因此,在追求设计一致性的q程中,我们始终应以Zؓ本,用L体验和感受放在首位。徏设有兼容性和长期价值的的一致性框Ӟ在一致性中做到有用户h(hun)值的设计Q是设计师应该不断探索的命题?/div> </div> <br>作者:chenyc鱼<br>链接Qhttps://www.zcool.com.cn/article/ZMTYzNTAzNg==.html<br>来源Q站?br>著作权归作者所有。商业{载请联系作者获得授权,非商业{载请注明出处?/div> <div><a href="/blog/content/uploadfile/202411/8ad61732265770.png" target="_blank" rel="noopener"> <p><img src="/blog/content/uploadfile/202411/8ad61732265770.png" alt="" width="1200" height="155"></p> <p>C妙微(bouu.cn )是一家专注而深入的界面设计公司Qؓ期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、^面设计,以及相关的Y件开发服务,咨询电话Q?1063334945。我们徏立了一个微信群Q每天分享国内外优秀的设计,有兴请加入一起学习成长,咨询及进请加蓝助微信ben_lanlan</p> </a></div>]]></description> <pubDate>Fri, 21 Feb 2025 02:26:00 +0000</pubDate> <dc:creator>天宇</dc:creator> <guid>http://bouu.cn/blog/post-12955.html</guid> </item> <item> <title>设计的真需?/title> <link>http://bouu.cn/blog/post-12951.html</link> <description><![CDATA[<div> <div id="dr77fyw" class="paragraph align- undefined"> </div> <div id="qyyzv0x" class="header-1 align-{}"> <div id="dttzm4e" class="">一、引a</div> </div> <div id="7g2y7it" class="paragraph align- undefined"> </div> <div id="vwvyeh4" class="paragraph align- undefined"> <div id="hocm7bw" class="">设计的终极目标是什么?是解决用户问题,满商业需求,q是越功能与Ş式,为用户和C会创造更p的h(hun)|q些问题一直在设计师的职业生中反复思考与探烦?/div> </div> <div id="dlrm9bn" class="paragraph align- undefined"> <div id="dwy7lzq" class="">在《真需求》一书中Q梁宁提Z一个核心观点:商业的本质在于满?ldquo;真需?rdquo;。她通过“价倹{共识、模?rdquo;的商业闭环模型,帮助我们从用L实需求出发,创造持久的价倹{这一框架不仅为商业创新提供了指导Q也计师提供了深ȝ启发Q尤其是在技术快速发展、设计不断P代的今天。设计师如何在用戗品与C会之间扑ֈ自己的定位,q本书给Z重要的思考方向?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="ng77ba2" class="photoInformationContent"> <div id="xtk2tgd" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="smeobko" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dba7b44dw86osa9m23746.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dba7b44dw86osa9m23746.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="iqmlv4b" class=""> </div> </div> </div> </section> </div> <div id="kz7uk4a" class="paragraph align- undefined"> <div id="gvqd2ji" class="">从设计师的角度来看,用户需求是设计的出发点Q但更重要的是如何透过显性需求挖掘出更深层次的情感和价D求。通过建立价值共识、推动设计共创,q而探索设计模式的创新Q设计师不仅能够交付优质的作品,q能重新定义设计的意义和角色?/div> </div> <div id="qjtg4ar" class="paragraph align- undefined"> <div id="ibex9y2" class="">本文结合《真需求》的核心理念Q从设计师的视角出发Q探讨设计如何通过满用户需求,创造卓的体验q实现商业h(hun)倹{同Ӟ反思设计师在职业发展中如何通过设计为社会、用户和自n带来更多可能性。设计的本质不仅是一U解决问题的能力Q更是一U塑造未来的创造力?/div> </div> <div id="4srk92d" class="paragraph align- undefined"> </div> <div id="vala42q" class="header-1 align-{}"> <div id="irlntv7" class="">二、设计的核心Q从真需求到价值创?/div> </div> <div id="zf2ew4p" class="paragraph align- undefined"> </div> <div id="qs2e2q7" class="header-2 align-{}"> <div id="jwao4b2" class="bold ">1. 真需求:设计的出发点</div> </div> <div id="ou2ih9p" class="paragraph align- undefined"> <div id="b7zcivr" class="">在设计领域,理解用户需求是所有工作的L。然而,许多设计师在实际工作中容易陷?ldquo;假需?rdquo;的误区,比如q分x表面功能或迎合主观美感,而忽略了用户真正需要解决的问题。梁宁在《真需求》中提到Q真正的商业价值在?ldquo;满用户的真需?rdquo;——即用h意ؓ之付Ҏ(gu)持箋使用的核心h(hun)倹{?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="o22tcg7" class="photoInformationContent"> <div id="dy5vn40" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="ofa5rv2" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dba4fd85agn87268f7772.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dba4fd85agn87268f7772.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="7tiwywo" class=""> </div> </div> </div> </section> </div> <div id="mdz7mi2" class="paragraph align- undefined"> <div id="jvnpw4g" class="">对于设计师而言Q理解真需求需要从三个斚w入手Q?/div> </div> <div id="m5yjign" class="paragraph align- undefined"> <div id="27d7uuq" class="bold ">剖析用户痛点Q通过用户调研和数据分析,扑և用户行ؓ背后的深层原因,避免仅根据显性需求作设计决策?/div> </div> <div id="kqbsysn" class="paragraph align- undefined"> <div id="nm9druj" class="bold ">构徏需求网l:分析设计在更大的使用场景中的作用Q找?ldquo;需求空z?rdquo;Q填补用户体验链中的~失环节?/div> </div> <div id="zewzz7e" class="paragraph align- undefined"> <div id="lm7thko" class="bold ">UL式思考:站在用户的角度,体验设计的每一步,保设计是易用、有效且能让用户满意的?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="bs4gjua" class="photoInformationContent"> <div id="d7jw2zf" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="jaa7kj7" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dbaaf9f974j0vryes3585.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dbaaf9f974j0vryes3585.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="xzffew7" class=""> </div> </div> </div> </section> </div> <div id="bl7ru2t" class="paragraph align- undefined"> <div id="vilk2rn" class="bold ">举个例子Q医疗品的设计不仅需要满_能上的精和高效Q还应从(zhn)者的角度x操作是否友好、是否能~解焦虑情A。这U双向思考帮助设计师更全面地定义价倹{?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="2jwum2s" class="photoInformationContent"> <div id="aja2ona" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="va2kn7j" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dba0ba24pow1etgob901.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dba0ba24pow1etgob901.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="j7x2t7e" class=""> </div> </div> </div> </section> </div> <div id="22q7c2s" class="header-2 align-{}"> <div id="ra2vc7u" class="bold ">2. 价值的三重l度Q功能、情l与资</div> </div> <div id="ehv7ymb" class="paragraph align- undefined"> <div id="g2l4e7n" class="">梁宁h(hun)值分为功能h(hun)倹{情lh(hun)值和资价|计师提供了系l化评估设计价值的框架Q?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="2ssrusl" class="photoInformationContent"> <div id="24srjf2" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="igmmqw7" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dbb97ceerggp5kgdg622.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dbb97ceerggp5kgdg622.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="kf7xpos" class=""> </div> </div> </div> </section> </div> <div id="r2kmakc" class="paragraph align- undefined"> <div id="duelhz2" class="bold ">功能价|解决用户的问?/div> </div> <div id="22mu7xo" class="paragraph align- undefined"> <div id="fal0ji7" class="">功能价值是设计的基Q它回答?ldquo;q个设计能帮用户完成什?rdquo;的问题。功能h(hun)D求设计师_理解用户dQƈ提供清晰、高效的解决Ҏ(gu)。界面中的简z布局、直观的操作引导Q都是实现功能h(hun)值的关键?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="yp2i2n2" class="photoInformationContent"> <div id="y7o2ocj" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="f7e9ita" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dba0e157ung96vh4c4706.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dba0e157ung96vh4c4706.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="ak2bm2f" class=""> </div> </div> </div> </section> </div> <div id="a2db2q2" class="paragraph align- undefined"> <div id="h7q7r7n" class="bold ">举个例子QGoogle搜烦的首设计以其简z著Uͼ仅提供搜索框和按钮。这U极设计最大化了功能h(hun)|让用户专注于搜烦d本n?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="n4zmxw4" class="photoInformationContent"> <div id="eqs2kvy" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="nt7zouq" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dba5f78amvmaeox323584.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dba5f78amvmaeox323584.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="natqte2" class=""> </div> </div> </div> </section> </div> <div id="c7yxetw" class="paragraph align- undefined"> <div id="2xiwshs" class="bold ">情A价|带给用户的感?/div> </div> <div id="rtlh7gc" class="paragraph align- undefined"> <div id="tj7itpa" class="">功能之外Q设计还能通过情A价g用户建立情感q接。情lh(hun)值可以是让h愉?zhn)的视觉设计、友好的提示语,或是让用h到被理解的交互体验。通过配色、字体、微交互动效{手D,设计师可以在l节中增强情lh(hun)|让用户不?ldquo;用得?rdquo;Q还“用得开?rdquo;?用户在操作困难时Q脓(chung)心的引导和轻杄提示语可以有效缓解负面情l?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="gwg2g7a" class="photoInformationContent"> <div id="v7djfut" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="22j7lk7" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dc36edadv86rgvdbr2729.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dc36edadv86rgvdbr2729.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="2gc2g7r" class=""> </div> </div> </div> </section> </div> <div id="wjb7bea" class="paragraph align- undefined"> <div id="xhdamnv" class="bold ">举个例子QAirbnb的设计注重用hl体验,从柔和的色彩到温暖的语言Q都让用h受到一U?ldquo;?rdquo;的氛_增强了品牌的情感q接力?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="7lrvcq7" class="photoInformationContent"> <div id="ypl7w7p" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="74edoog" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dc32aefc1zlw3cj895151.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dc32aefc1zlw3cj895151.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="gb2mxtp" class=""> </div> </div> </div> </section> </div> <div id="kmu7q2b" class="paragraph align- undefined"> <div id="mdgog2q" class="bold ">资价|长期U篏的品牌效?/div> </div> <div id="dpwitlp" class="paragraph align- undefined"> <div id="o2u2k2g" class="">资价g现在设计能否为品牌徏立独特的w䆾和记忆点。资产h(hun)D求设计师通过一致的视觉风格和体验逻辑Q帮助品牌在用户心中建立清晰的Ş象?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="c2m2aw2" class="photoInformationContent"> <div id="s2m4g2r" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="2jcgv7d" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dc42643bzpb8hqpo1437.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dc42643bzpb8hqpo1437.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="lpss2qm" class=""> </div> </div> </div> </section> </div> <div id="avjxpoc" class="paragraph align- undefined"> <div id="mok7kgc" class="bold ">举个例子Q苹果的产品设计通过极简风格、一致的界面语言和高辨识度的工业设计Q徏立了强大的品牌资产h(hun)|使得用户一提到“极简创新”p惛_Ҏ(gu)?Ҏ(gu)产品的设计语a不仅传递了U技感,q树立了“创新、简U?rdquo;的品牌Ş象,使用户在购买产品时会优先惛_它?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="yw2o7sk" class="photoInformationContent"> <div id="j7aorb7" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="gpappla" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dc3339752s2uzu6tq4731.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dc3339752s2uzu6tq4731.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="7zr2juq" class=""> </div> </div> </div> </section> </div> <div id="sjqiez5" class="header-2 align-{}"> <div id="22hnje7" class="bold ">3. 设计师的挑战Q如何^衡不同的价?/div> </div> <div id="ivrymaw" class="paragraph align- undefined"> <div id="zfps2yq" class="">在设计过E中Q功能、情l和资三种价值往往是相互交l的Q但它们的实现需要不同的资源投入Q有时甚至会怺冲突。设计师的挑战在于如何在q三者之间找到^衡点Q以最大化设计的效果?/div> </div> <div id="gt2t0m7" class="paragraph align- undefined"> <div id="erc2ea2" class="bold ">功能至上</div> <div id="sfthvuq" class="">——可能会导致设计显得冷冰冰、缺乏情感,无法与用户徏立情感连接?/div> </div> <div id="22alk0j" class="paragraph align- undefined"> <div id="qok7y0g" class="bold ">情A至上</div> <div id="u7dcyal" class="">——可能忽视设计的实用性,最l媄响用户体验,甚至D用户失?/div> </div> <div id="2yj2ipa" class="paragraph align- undefined"> <div id="fhk2ru2" class="bold ">资至上</div> <div id="hqmdgub" class="">——可能让设计在短期内表现良好,但缺乏长期的用户_性和实际使用价倹{?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="smeeiku" class="photoInformationContent"> <div id="bpw7h2s" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="m7s2z7s" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dc2da6c6ukjjhtsfq9417.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dc2da6c6ukjjhtsfq9417.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="cawzcy7" class=""> </div> </div> </div> </section> </div> <div id="ytdgr7e" class="paragraph align- undefined"> <div id="fwsoznj" class="">在设计初期,明确优先U非帔R要。例如,初创产品可以更多聚焦于功能h(hun)|保产品能够有效解决用户的核心问题;而对于成熟品牌,则可以侧重于情A价值和资价值的提升Q强化品牌Ş象和用户忠诚度。在设计q代q程中,持箋校验q三Uh(hun)|保它们在不同用场景中的有效性与q性?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="2sawpwg" class="photoInformationContent"> <div id="fo7vy7b" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="lum7dof" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dc200c20sh82f2npf4390.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dc200c20sh82f2npf4390.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="77lzgqb" class=""> </div> </div> </div> </section> </div> <div id="jos7p2a" class="paragraph align- undefined"> <div id="4ygrntu" class="">Ҏ(gu)商业目标合理分配设计资源Q确保将_֊集中在最关键的h(hun)gQ避免在非核心h(hun)g投入q多资源Q导致设计失衡或资源费。通过_的优先排序,保每个阶段的设计都能最大化其h(hun)DA献?/div> </div> <div id="j5e7wso" class="paragraph align- undefined"> <div id="a7f7j7s" class="">在了解了如何通过设计满用户的真需求,qؓ产品带来价值后Q接下来的关键问题是Q用户如何感知ƈ接受q些设计价|q就是我们接下来要讨论的‘用户p’。设计不仅需要解决问题,更需要与用户建立pQ确保他们能够充分理解设计的意义Qƈ在实际用中感受到其价倹{?/div> </div> <div id="7wcnfaw" class="paragraph align- undefined"> </div> <div id="qc2eo2y" class="header-1 align-{}"> <div id="exl7log" class="">三、用户共识:构徏设计与用L深层q接</div> </div> <div id="ce2ru7x" class="paragraph align- undefined"> </div> <div id="7wsojii" class="header-2 align-{}"> <div id="puubt2m" class="bold ">1. p构徏Q如何让设计被用L解与接受</div> </div> <div id="r2o2vy7" class="paragraph align- undefined"> <div id="7pjbhx7" class="">梁宁在《真需求》中指出Q共识是q接价g交易的桥梁,解决?ldquo;有h(hun)值却未成?rdquo;的问题。对于设计师来说Q共识构建的关键在于帮助用户“明确感知设计价?rdquo;Qƈ在设计与用户心理之间建立深度q接。她提出了三个核心共识维度,带来了重要启C:</div> </div> <div id="7sru7mw" class="paragraph align- undefined"> <div id="77b4r2q" class="bold ">感知pQ让设计价值直观可?/div> </div> <div id="m7xo7vu" class="paragraph align- undefined"> <div id="k2io2c2" class="">用户对设计的W一印象来自感知。如果用h法在短时间内明确设计的功能和意义Q设计就无法达成感知p?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="cooc2n2" class="photoInformationContent"> <div id="uycq4v7" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="wy2svb7" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dc31ab58ly5fzug222829.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dc31ab58ly5fzug222829.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="wjrxh2h" class=""> </div> </div> </div> </section> </div> <div id="77zgeor" class="paragraph align- undefined"> <div id="wmsovww" class="bold ">举个例子Q?/div> </div> <div id="4hcm2x7" class="paragraph align- undefined"> <div id="icnuqwg" class="">Instagram 的点赞按钮采用简单明了的“心Ş”图标Q放|在昄位置Qƈ通过颜色变化Q从I心到实心)和动d馈清C递交互结果。用h需说明便能直观理解其功能,q种设计通过直观的视觉符号和互动效果Q让用户q速徏立对功能的感知共识,同时增强了用体验的愉?zhn)感?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="hcjbuai" class="photoInformationContent"> <div id="k2mfq2w" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="k7ml2pk" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dc413701a10e4iqir3628.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dc413701a10e4iqir3628.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="veie2t2" class=""> </div> </div> </div> </section> </div> <div id="xkk7cbx" class="paragraph align- undefined"> <div id="72a7cxy" class="bold ">场景pQ设计融入用户用场?/div> </div> <div id="ke2sz2u" class="paragraph align- undefined"> <div id="7vv7k2k" class="">梁宁Q设计要嵌入特定的用场景,才能让用戯然而然地接受它。场景的具体化能~短用户认知路径Q增加设计的贴近感。深入研I用戯为,挖掘高频或未被满的使用场景?针对具体场景定制设计解决Ҏ(gu)Q确保功能契合用情境?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="77gvmi2" class="photoInformationContent"> <div id="aoxtts0" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="zme4okr" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dc278288oumnqbegk3631.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dc278288oumnqbegk3631.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="a2o2ttp" class=""> </div> </div> </div> </section> </div> <div id="fw0gy7y" class="paragraph align- undefined"> <div id="kt7cqd2" class="bold ">举个例子Q一个ؓ学生设计的在U教育应用,应强?ldquo;译֐复习”?ldquo;考试准备”的场景细分,而不是泛泛地解决所有教育需求。这L明确定位有助于设计在特定场景中徏立联p,提高用户接受度。Kindle 的设计充分考虑?ldquo;片化阅?rdquo;q一场景。通过M讑֤、简化交互和护眼模式Q完契合了用户在旅途中或睡前的阅读需求?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="2svuqx2" class="photoInformationContent"> <div id="7nmilgn" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="x2laa2d" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dc47fb87cqzijefvq3917.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dc47fb87cqzijefvq3917.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="dcumeoo" class=""> </div> </div> </div> </section> </div> <div id="mog2qw2" class="paragraph align- undefined"> <div id="bdkv0ja" class="bold ">惌pQ与用户相契?/div> </div> <div id="q7s2dru" class="paragraph align- undefined"> <div id="gpo2c7b" class="">在现代消费环境中Q用户不再仅仅关心品能做什么,q关心它是否W合自己的n份、h(hun)D或生zL式。梁宁提?ldquo;用户”的概念,鼓励设计师关注用L自我认知和期许。将目标用户的自我期许融入设计语aQ如视觉风格或品牌调性?通过个性化设计增强用户与品的情感q接Q例如提供可定制选项或创造属于用L独特体验?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="l2ue2dj" class="photoInformationContent"> <div id="r2vnqtt" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="g7ubhj2" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dc431e9ct8sumscmt316.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dc431e9ct8sumscmt316.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="y7eahop" class=""> </div> </div> </div> </section> </div> <div id="kapswc2" class="paragraph align- undefined"> <div id="obt2eok" class="bold ">举个例子QNike 通过“Just Do It”q一品牌口号Q精准触达了用户内心深处的奋斗精与自我H破的愿望。这一{略不仅动爱好者提供功能性的q动装备Q还赋予其品牌一U超功能的象征意义Q激q户将q动视ؓ一U表达自我的方式。无论是专业q动员还是普通健w爱好者,都能?Nike 的设计中扑ֈ与自?ldquo;挑战极限”相契合的情感共鸣?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="icx7pla" class="photoInformationContent"> <div id="22bmmk2" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="uimiyub" class="imgbox"><img class="photoImage ls-is-cached lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dc44d858hnc6l7w618050.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dc44d858hnc6l7w618050.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="nbmii2l" class=""> </div> </div> </div> </section> </div> <div id="zbwn2th" class="header-2 align-{}"> <div id="vq7wkm2" class="bold ">2. 用户共创Q设计如何通过用户反馈提升价?/div> </div> <div id="gxtslg2" class="paragraph align- undefined"> <div id="snbth2z" class="">梁宁提到Q共识的最l结果是“建立关系”Q这U关pM仅是一U商业纽带,更是一U用户与设计共创的可能性。在设计中,用户的参与不仅提升了产品的体验,也让用户成ؓ了设计h(hun)值的共同创造者?/div> </div> <div id="mzk7rcq" class="paragraph align- undefined"> <div id="w2iaph2" class="bold ">用户反馈驱动设计q代</div> </div> <div id="aj7tdgy" class="paragraph align- undefined"> <div id="lcuyycf" class="">用户共创的核心是从反馈中不断优化设计。无论是通过用户访谈q是可用性测试,设计师都需要打开设计与用L双向互动通道Q深入理解用L真实感受。将用户试和数据分析融入设计流E,形成“反馈—q代”的闭环。在设计中提?ldquo;惊喜?rdquo;Q让用户感受C们的被{化ؓ实际成果?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="dj2xxmp" class="photoInformationContent"> <div id="bkkuid2" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="a7oy7vj" class="imgbox"><img class="photoImage ls-is-cached lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dc4d38c6yk7hteydp4663.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dc4d38c6yk7hteydp4663.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="xsl2o2p" class=""> </div> </div> </div> </section> </div> <div id="r2u7nqx" class="paragraph align- undefined"> <div id="djqih7z" class="bold ">举个例子QAirbnb通过邀Lh试新功能Q不断优化^台界面和程Q同时让用户感受到自q意见被重视。这U?ldquo;共创?rdquo;增加了用户对产品的信d忠诚度?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="247x7u2" class="photoInformationContent"> <div id="h2b7mws" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="fr2th2o" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dc59795asgjifxuiy9509.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dc59795asgjifxuiy9509.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="2iawfpo" class=""> </div> </div> </div> </section> </div> <div id="pgyt7nn" class="paragraph align- undefined"> <div id="l2hkzo7" class="bold ">设计师与用户的长期关p?/div> </div> <div id="22u7mes" class="paragraph align- undefined"> <div id="xdnjxx0" class="">越一ơ性的交互设计Q成功的设计师更x如何通过持箋的体验优化,建立与用L深层ơ关pR例如,用h供专属功能或优待Q强化用L归属感与参与感。ؓ用户提供自定义或扩展I间Q让他们能够个性化调整设计?借助C֌q营或功能升U,与用户共同打造品生态系l?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="otss7ku" class="photoInformationContent"> <div id="pnu2tw7" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="mrnfjyb" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dc512d04po8jvvn7t8380.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dc512d04po8jvvn7t8380.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="7cj2ubb" class=""> </div> </div> </div> </section> </div> <div id="4nffmt2" class="paragraph align- undefined"> <div id="lyy2hc7" class="bold ">举个例子QSpotify 不仅提供畅的音乐播攑֊能,q通过q度回顾功能QSpotify WrappedQ与用户建立深度q接。用户在感受个性化服务的同Ӟ也增Z对^台的忠诚度?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="gmpkcqt" class="photoInformationContent"> <div id="su7soon" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="yu727xx" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dc5dd3b6ggy455qfi4907.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dc5dd3b6ggy455qfi4907.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="2btmm2y" class=""> </div> </div> </div> </section> </div> <div id="2vjwsgx" class="paragraph align- undefined"> <div id="a7pocmw" class="">一旦设计能够徏立与用户的共识,它就能够在实际应用中产生更深的媄响。那么,如何让这些设计实现持久的价值ƈ持箋创新呢?q就引出了我们接下来要讨论的设计模式?/div> </div> <div id="x2zrymb" class="paragraph align- undefined"> </div> <div id="qywcq7z" class="header-1 align-{}"> <div id="yr27kwu" class="">四、设计的模式Q创C可持l发?/div> </div> <div id="c7hj2q4" class="paragraph align- undefined"> <div id="vkisbou" class="">在商业中Q模式是企业在市Z持箋生存的能力。而在设计领域Q模式同h味着设计师和团队在快速变化的环境中,通过pȝ化方法实现创C可持l发展的能力。梁宁在《真需求》中提出的三大模式要?mdash;—“能力pȝ、变现逻辑、分配机?rdquo;Qؓ设计的长期成功提供了明确的框架?/div> </div> <div id="mfsuhnl" class="paragraph align- undefined"> </div> <div id="etd2vey" class="header-2 align-{}"> <div id="hgdtg2y" class="bold ">1. 设计的能力系l:创新与实施的q</div> </div> <div id="heup2k4" class="paragraph align- undefined"> <div id="hk4iok2" class="">梁宁提出?ldquo;认知是顶Q安全是?rdquo;q一理念Q强调了创新与可行性的q。这一思想对设计团队尤光要,因ؓ设计本质上既是创造性工作,又需要落地执行?/div> </div> <div id="jneo2fo" class="paragraph align- undefined"> <div id="i4d7c7l" class="bold ">认知是顶Q设计师如何站在前沿创新</div> </div> <div id="7s4b2w7" class="paragraph align- undefined"> <div id="czeoysj" class="">创新需要设计师保持对趋ѝ技术和用户行ؓ的敏锐洞察。例如,随着AI技术(如AIGCQ在设计中的q泛应用Q设计师需要主动学习如何将q些新技术与设计工作相l合Q以提升效率和创造力。定期关注行业趋势,例如UI/UX设计中语音交互、动态设计等领域的最新发展。ؓ团队搭徏学习机制Q通过分n会、培训课E保持知识更新?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="bg9xlc2" class="photoInformationContent"> <div id="e2auw22" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="eqlui7z" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dc52e0e710in03zq33512.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dc52e0e710in03zq33512.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="c7agi2h" class=""> </div> </div> </div> </section> </div> <div id="ouh72nr" class="paragraph align- undefined"> <div id="jui72yg" class="bold ">举个例子QCanva 引入?AI 支持的设计功能,帮助用户通过单的操作快速生成高质量的设计内宏V设计师团队通过分析用户在社交媒体和品牌设计中的常见需求,?AI 技术无~集成到工具中,让非专业用户也能高效完成复杂的设计Q务。这一功能不仅降低了设计门槛,也ؓ专业设计师提供了更灵zȝ创作方式?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="r7udy2v" class="photoInformationContent"> <div id="e7aouk4" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="q7axz2j" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dc72e72e2yy1fy90m5986.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dc72e72e2yy1fy90m5986.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="zjcodvz" class=""> </div> </div> </div> </section> </div> <div id="ocrgdhp" class="paragraph align- undefined"> <div id="gm2kvhs" class="bold ">安全是底Q构计的可行性与E_?/div> </div> <div id="ehamqqn" class="paragraph align- undefined"> <div id="7wxxjc7" class="">在追求创新的同时Q设计师需要考虑现实限制Q如技术、预、法律合规性等Q。只有在可行性与风险可控的基上,设计才能真正落地。与开发团队紧密协作,保设计Ҏ(gu)技术上可实现。在目中设定约束条Ӟ例如旉与资源)Q优先完成最关键的功能设计?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="vbtpiao" class="photoInformationContent"> <div id="m7zccq7" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="c2b7m7x" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dc5529dfss2xmhiiv4103.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dc5529dfss2xmhiiv4103.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="nap7o7v" class=""> </div> </div> </div> </section> </div> <div id="yphwo2w" class="paragraph align- undefined"> <div id="nl2zc2d" class="bold ">举个例子Q?/div> </div> <div id="jeh2sy7" class="paragraph align- undefined"> <div id="e7ky2m7" class="">产品出v设计中,考虑不同市场的文化和法规限制Q如隐私保护或内容展C)Q能够避免后期的不可控风险,让设计更E_、合规?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="ig0ip2q" class="photoInformationContent"> <div id="sut5wv2" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="ofmloh7" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dc6971ebuwwnoc62z7413.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dc6971ebuwwnoc62z7413.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="gthv2ba" class=""> </div> </div> </div> </section> </div> <div id="ral7z5y" class="header-2 align-{}"> <div id="kih7ly9" class="bold ">2. 变现逻辑Q从用户体验到商业h(hun)?/div> </div> <div id="2dcybag" class="paragraph align- undefined"> <div id="vmtluts" class="">设计不仅是美学和交互的表达,q直接媄响商业目标的实现。梁宁指出,变现的核心在于找?ldquo;套利I间”Q而设计的作用是通过提升效率和体验,优化商业转化路径?/div> </div> <div id="7c7n7ju" class="paragraph align- undefined"> <div id="bwzov2q" class="bold ">提高商业转化率:设计如何推动用户行ؓ</div> </div> <div id="vehodz2" class="paragraph align- undefined"> <div id="2yryy2c" class="">高效的设计能够羃短用户完成目标的路径Q从而提升品的商业转化率。优化用户体验流E,减少操作步骤Q让用户更快速地完成核心d。通过微交互和视觉提示Q吸引用h意,推动行ؓ转化?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="l7h2o0c" class="photoInformationContent"> <div id="kxalwwj" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="n2lrrj7" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dc6a6b48dn5haawel9551.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dc6a6b48dn5haawel9551.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="zt7sk7c" class=""> </div> </div> </div> </section> </div> <div id="2falwo9" class="paragraph align- undefined"> <div id="cxaap7w" class="bold ">举个例子Q亚马逊的“一键下?rdquo;功能通过化支付步骤,大幅提升了购买{化率。这U通过设计直接提升效率的方式,充分体现了变现逻辑的核心?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="7xp7m7q" class="photoInformationContent"> <div id="77r7ubl" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="gil2sg2" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dc6b983a65pt7sir45084.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dc6b983a65pt7sir45084.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="zc2pawj" class=""> </div> </div> </div> </section> </div> <div id="2xa2b0d" class="paragraph align- undefined"> <div id="ouq7itz" class="bold ">长期价|设计如何助力品牌忠诚?/div> </div> <div id="evg9a7k" class="paragraph align- undefined"> <div id="pvnxpwl" class="">除了短期的{化提升,设计q能够通过建立品牌认同Q提升用L长期忠诚度。通过一致的视觉语言和情感化设计Q增强用户对品牌的记忆点。在用户生命周期中持l提供附加h(hun)|如专属功能或个性化推荐?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="7zyez2k" class="photoInformationContent"> <div id="ytw7dm7" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="2eoq2q2" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dc62c2bfs87t3udde9264.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dc62c2bfs87t3udde9264.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="2jm2b2n" class=""> </div> </div> </div> </section> </div> <div id="zbp9b2e" class="paragraph align- undefined"> <div id="bakqwal" class="bold ">举个例子Q星巴克通过会员体系和移动应用设计提升用户忠诚度。界面保持一致的品牌风格Q如l色主题和简z布局Q,同时通过个性化推荐、积分奖励机制和专属优惠强化用户体验。此外,定期推出的限量活动和节日主题设计q一步拉q了品牌与用L情感q接。这U设计策略将品牌价g用户体验深度融合Q不仅提供脓(chung)心服务,q通过一致性和个性化增强用户的长期信M归属感?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="27d7cq7" class="photoInformationContent"> <div id="uwo4d2j" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="oyevjbc" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dc79502b04ob081fk2406.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dc79502b04ob081fk2406.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="toq7uum" class=""> </div> </div> </div> </section> </div> <div id="nq2kg2g" class="header-2 align-{}"> <div id="dc4umep" class="bold ">3. 资源分配Q如何聚焦核心优势以实现长期价?/div> </div> <div id="gqd9hds" class="paragraph align- undefined"> <div id="ln0jffa" class="">分配机制是资源调配的{略。梁宁强调,资源应优先流向能够增强生存优势的领域。在设计中,q意味着设计师和团队应集中精力在能够带来最大h(hun)值的关键点上Q而不是^均分配资源或盲目q求全面覆盖?/div> </div> <div id="yxkuxtl" class="paragraph align- undefined"> <div id="77dyxuw" class="bold ">聚焦核心设计能力</div> </div> <div id="gqehw2k" class="paragraph align- undefined"> <div id="27i2xal" class="">每个设计团队都有自己的核心优势,例如擅长用户界面、交互设计或品牌塑造。资源分配应优先支持q些优势领域。明团队优势,分配更多旉和预用于强化核心能力?在能力边界内合理试验创新Q避免资源分散带来的执行风险?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="y5mobqu" class="photoInformationContent"> <div id="02k2d2r" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="s2z92m2" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dc6e6761fvw185ygt1420.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dc6e6761fvw185ygt1420.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="7ozo7be" class=""> </div> </div> </div> </section> </div> <div id="ki7gi7l" class="paragraph align- undefined"> <div id="zb7dv7y" class="bold ">举个例子Q小c的设计团队专注于打造智能硬件与软g的深度整合,通过其独特的生态链战略Q将资源集中于优化用户在多个讑֤间的无缝体验。这U聚焦于生态系l的设计{略Q不仅提升了各个产品之间的协同效应,q加׃用户对小c_牌的忠诚度,最大化了其在智能硬仉域的核心竞争力?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="dc7tlws" class="photoInformationContent"> <div id="qszvj0u" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="ceewcyj" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dc830770212m39iic3688.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dc830770212m39iic3688.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="29u9ts4" class=""> </div> </div> </div> </section> </div> <div id="cpo2guu" class="paragraph align- undefined"> <div id="flgffia" class="bold ">优化设计资源分配</div> </div> <div id="ewcfeok" class="paragraph align- undefined"> <div id="24o47pu" class="">资源分配不仅要聚焦于优势Q还需避免寚w核心需求的q度投入。例如,q度q求复杂视觉效果而忽略功能体验,可能D资源费。在目启动前明设计优先Q将资源集中在高价gQ务上。定期复盘项目中的资源用情况,扑ֈ优化I间?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="ts2ymew" class="photoInformationContent"> <div id="xo2gjqq" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="blnj2lk" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dc7ac27e5pgf9bgwr6253.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dc7ac27e5pgf9bgwr6253.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="kj2u0pl" class=""> </div> </div> </div> </section> </div> <div id="2kyj4y7" class="paragraph align- undefined"> <div id="e2zir2f" class="bold ">举个例子Q?/div> </div> <div id="kjdjd2o" class="paragraph align- undefined"> <div id="pf4xhu2" class="">知乎在初期发展时Q专注于优化用户的核心需?mdash;—_և的信息获取和高效的问{功能。尽其界面设计z,但团队将大量资源投入C互体验和信息的优化上,而非q求复杂的视觉效果。这一{略保了^台的易用性和功能性,同时避免了不必要的设计过度,从而提升了用户_性。随着用户需求的变化Q知乎又Ҏ(gu)反馈逐步改进设计Q确保资源分配与产品目标始终寚w?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="797vivb" class="photoInformationContent"> <div id="oljxlzc" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="aakqgxs" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dc7d8902kcgkevnti703.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dc7d8902kcgkevnti703.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="dc4aowg" class=""> </div> </div> </div> </section> </div> <div id="7aiiskg" class="paragraph align- undefined"> <div id="fic4gis" class="">在徏立了设计的创新能力与可持l性后Q我们需要将其与设计师的个h成长与职业命结合v来。设计不仅仅是解决问题,更关乎设计师如何通过设计扑ֈ个h的归属感与意义?/div> </div> <div id="vc4zmvw" class="paragraph align- undefined"> </div> <div id="hpb2hn7" class="header-1 align-{}"> <div id="rz2ec2o" class="">五、设计师的自我反思:真需求与生命的意?/div> </div> <div id="yr722r2" class="paragraph align- undefined"> <div id="gjuktn2" class="">梁宁在《真需求》中提出Q商业问题归根到底是哲学问题Q?ldquo;人生到底需要什么?市场到底需要什么?”对于设计师而言Q这一问题可以转换?ldquo;用户到底需要什么?我自己到底需要什么?”设计师不仅需要关注用L真需求,q应诚实面对自己的需求和价|以找到设计与个h成长的^衡点。这U反思能够让设计从单U的职业实践Q升华ؓ生命的自我表达?/div> </div> <div id="j7lipcq" class="paragraph align- undefined"> </div> <div id="e2acmmz" class="header-2 align-{}"> <div id="ks2tag0" class="bold ">1. 避免伪创斎ͼ如何专注于用L真实需?/div> </div> <div id="mnr4lr5" class="paragraph align- undefined"> <div id="zvw2wyx" class="">许多设计师在工作中容易陷?ldquo;自嗨式设?rdquo;的陷阱,例如Z炫技q求复杂的视觉效果,或过分迎合流行趋势而忽略用户实际需求。这U设计表面上光鲜亮丽Q实际上却脱M用户场景Q难以创造真正的价倹{?/div> </div> <div id="ecxmi2a" class="paragraph align- undefined"> <div id="ux22oam" class="bold ">拒绝伪创斎ͼ回归用户本质需?/div> </div> <div id="c7pltzb" class="paragraph align- undefined"> <div id="l2foans" class="">梁宁提到Q商业h(hun)值来自于满用户的真需求。同P设计的成功在于能否ؓ用户解决实际问题Q而非刉无意义的花哨。定期开展用戯研,与用L接对话,避免假设驱动设计。在设计程中设|校验机Ӟ如可用性测试)Q确保设计方案符合用L实际需求和期望?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="mqjtyoe" class="photoInformationContent"> <div id="xur2tfc" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="7zqh7uv" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dc817271x98p1sgu89388.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dc817271x98p1sgu89388.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="mpbdwyp" class=""> </div> </div> </div> </section> </div> <div id="usdolty" class="paragraph align- undefined"> <div id="2vtc9gi" class="bold ">举个例子QDropbox 在初期专注于化文件存储和׃n的功能,而非q求复杂的设计或炫酷的视觉效果。团队通过与用L持箋沟通,了解他们的核心需求:高效、安全、便捷地理文g。通过一pd用户调研和可用性测试,Dropbox 其界面设计化,保操作直观易懂Q避免了无意义的复杂功能?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="hbw7izc" class="photoInformationContent"> <div id="qgjldjx" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="k7vjeg7" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dc8784b23ivq4slq22317.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dc8784b23ivq4slq22317.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="2akts0m" class=""> </div> </div> </div> </section> </div> <div id="kctoktx" class="paragraph align- undefined"> <div id="kl7xk2k" class="bold ">透过表面需求,挖掘深层ơ的情感与h(hun)?/div> </div> <div id="qymicsf" class="paragraph align- undefined"> <div id="ra7ihu2" class="">用户往往不知道自q正需要什么,q就需要设计师具备z察力,扑ֈ需求背后的痛点或欲望。从用户行ؓ和场景中L隐藏需求,例如他们未被满的情感诉求。提升设计的情感价|通过视觉、语a和交互细节拉q与用户的距R?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="2pnagxo" class="photoInformationContent"> <div id="n2e77l7" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="wy7pgqo" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dc73037c4xbs56ww22225.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dc73037c4xbs56ww22225.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="2d72bhr" class=""> </div> </div> </div> </section> </div> <div id="t2zihri" class="paragraph align- undefined"> <div id="7rz4pkx" class="bold ">举个例子Q网易云音乐通过其个性化推荐pȝ和社交功能,成功满了用户在听音乐时的情感需求。除了基本的音乐播放功能外,|易云音乐通过_և的算法分析用L听歌习惯Qؓ用户推荐W合其情感需求的歌曲Q同时允许用户创建歌单ƈ与朋友分享,从而创造了一U情感共鸣和C交q接?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="spkfklu" class="photoInformationContent"> <div id="cystzip" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="py9i24k" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dc80955as2p11r8px789.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dc80955as2p11r8px789.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="afr7k4s" class=""> </div> </div> </div> </section> </div> <div id="gussk2i" class="header-2 align-{}"> <div id="o7eyhb4" class="bold ">2. 设计师的成长Q面对个Z职业需求的挑战</div> </div> <div id="smxpr2c" class="paragraph align- undefined"> <div id="bv2ziw2" class="">在不断追求创新和成果的过E中Q设计师也需要反思自q目标和h(hun)倹{梁宁指出,真正的安全感q来自完美无缺Q而是源于诚实面对自己与他人的需求,q对设计师的个h成长有深d发?/div> </div> <div id="fguwn7q" class="paragraph align- undefined"> <div id="mzjlqp9" class="bold ">理解自己的角Ԍ从解决问题到创造可?/div> <div id="oeloq7w" class="bold ">设计师常被视?ldquo;问题解决?rdquo;Q但更重要的是成?ldquo;可能性创造?rdquo;。通过设计Q激发用L惌力,让他们看到更多选择和更好的未来。在目中寻找能提升用户生活质量的机会,推动设计从功能解x展到体验优化?保持对多学科领域的兴,例如心理学、行为经学Qؓ设计注入更多可能性?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="s4t2zki" class="photoInformationContent"> <div id="uz2sc2m" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="2sngc2w" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dc85994ciqlx6ub6y2898.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dc85994ciqlx6ub6y2898.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="yrbhzm7" class=""> </div> </div> </div> </section> </div> <div id="l2ocxw2" class="paragraph align- undefined"> <div id="uac4kys" class="bold ">与设计和解:接受有限性,专注长期价?/div> </div> <div id="w7nj2wl" class="paragraph align- undefined"> <div id="kqfx9xb" class="">很多设计师在职业生中容易陷?ldquo;无限q求完美”的焦虑状态。事实上Q完设计ƈ不存在,每个目都有旉、预和技术限制。学会接受设计的有限性,专注于长期h(hun)值的U篏Q才能在职业道\上走得更q。在每个目中明最核心的目标,优先解决关键问题Q避免过度设计?记录自己的设计成果和成长点,ȝl验Q逐步U篏长期设计资?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="raphccj" class="photoInformationContent"> <div id="xdor4gv" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="ybm2dho" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dc27a332hdxjbwd5x6023.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dc27a332hdxjbwd5x6023.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="fvogqqm" class=""> </div> </div> </div> </section> </div> <div id="uweevsv" class="header-2 align-{}"> <div id="lpn22xk" class="bold ">3. 设计师的C会责QQ超商业,创造社会h(hun)?/div> </div> <div id="ce7y97q" class="paragraph align- undefined"> <div id="29seke2" class="">梁宁在书中提刎ͼ“商业只是C会的一个局部,生命才是全局”。设计师不仅是ؓ商业目标服务的工具hQ更是社会创新的重要力量。通过设计Q解决用户问题、传递h(hun)DQ甚臛_响文化和C会l构Q这是设计师在更大框架中的角色所在?/div> </div> <div id="yctdkgr" class="paragraph align- undefined"> <div id="y2rcnrn" class="bold ">设计作ؓ改变世界的工?/div> </div> <div id="ywapapt" class="paragraph align- undefined"> <div id="flzwkok" class="">设计的意义不仅在于优化现有品,q在于推动社会问题的解决。例如,环保包装、无障碍设计和公益品,q些设计不仅实现了功能目标,qؓC会带来了积极媄响。在设计中融入社会责LQ例如用可持箋材料、优化资源利用?d参与公益目Q将设计能力用于支持弱势体或解决社会问题?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="ui7i7xs" class="photoInformationContent"> <div id="l7w2o7o" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="lgj7ept" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2db9d98a4z053qx1v09822.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2db9d98a4z053qx1v09822.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="oq7t4y2" class=""> </div> </div> </div> </section> </div> <div id="ou2xook" class="paragraph align- undefined"> <div id="jaa2krg" class="bold ">让设计ؓ生命赋能</div> </div> <div id="bl2mlls" class="paragraph align- undefined"> <div id="rteal7j" class="">梁宁指出Q美好的商业应该让h们的生命l放。同P好的设计不仅服务于用户的基本需求,更能Ȁ发他们的潜能Q帮助他们实现更高层ơ的价倹{设计关注用L成长和进步,例如帮助用户学习新技能或提高效率?通过情感化设计,构徏更有温度的品体验,l用户带来启发和感动?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="iozatii" class="photoInformationContent"> <div id="cq2zdsv" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="7rz7swo" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dba62cb4i9459xb8o7482.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dba62cb4i9459xb8o7482.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="lgnqgqs" class=""> </div> </div> </div> </section> </div> <div id="vggbrxf" class="paragraph align- undefined"> </div> <div id="ohmok7v" class="header-1 align-{}"> <div id="mulrxs2" class="">六、结?/div> </div> <div id="khhhmg2" class="paragraph align- undefined"> </div> <div id="phgyu2u" class="paragraph align- undefined"> <div id="7kk2cf2" class="">设计不仅是解决问题的工具Q更是一U改变生zȝ力量。《真需求》让我们深刻意识刎ͼ设计师的工作不仅仅是完成dQ它应致力于满用户的真需求,通过创造h(hun)倹{构建共识和优化设计模式Q推动品、用户与C会之间更深层次的连接?/div> </div> <div id="t7w4t7e" class="paragraph align- undefined"> <div id="qpw2lgy" class="">对于设计师而言Q梁宁的“价倹{共识、模?rdquo;模型提供了系l化的实跉|Ӟ</div> </div> <div id="ouqb7ls" class="paragraph align- undefined"> <div id="oyb7b2i" class="bold ">在h(hun)值层?/div> <div id="sfiehvc" class="">Q从功能、情l和资三个l度出发Q创造打动用L作品?/div> </div> <div id="ennnn7c" class="paragraph align- undefined"> <div id="7rjbls2" class="bold ">在共识层?/div> <div id="vjx7ilh" class="">Q通过感知、场景和惌的共识构建,让设计与用户的心理、情境和期望紧密l合?/div> </div> <div id="epszkor" class="paragraph align- undefined"> <div id="khue29f" class="bold ">在模式层?/div> <div id="zh7qgbd" class="">Q不断提升自q能力pȝQ探索设计的商业价值和资源分配{略Q推动设计的长期可持l发展?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="hn22ej7" class="photoInformationContent"> <div id="bcmdupc" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="7d26yey" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2db95dbbe2f2niyo175148.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2db95dbbe2f2niyo175148.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="gf092rv" class=""> </div> </div> </div> </section> </div> <div id="2knmeqc" class="paragraph align- undefined"> <div id="2s7pr7e" class="">设计的h(hun)D不止于商业范_它应从更qK的社会和生命角度q行探烦。设计师的命不仅是完成目或满_户需求,更是通过设计改善世界Q让Z的生zL加丰富和有意义。关?ldquo;真需?rdquo;不仅能ؓ用户带来更好的生zM验,也能计师自n提供从容与笃定的成长方向。这才是设计的真正力量,也是设计师应不断q求的目标?/div> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="tb2jzc2" class="photoInformationContent"> <div id="swzcp27" class="sc-1gq6zpr-5 glioMc pictureBox"> <div id="2wqawk2" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2dbae5c3br3fs2wwd48493.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2dbae5c3br3fs2wwd48493.png?imageMogr2/format/webp" data-expand="3840"> <div> </div> </div> <div id="gu79yff" class=""> </div> </div> </div> </section> </div> <div> <section class="sc-jqn0up-2 fzdoPQ revealWorkWrap"> <div id="zu7juxm" class="photoInformationContent"> <div id="2pssszz" class="sc-1gq6zpr-5 ha-dJKL pictureBox"> <div id="cj97vyk" class="imgbox"><img class="photoImage lazyloaded" draggable="true" src="https://img.zcool.cn/community/674f2eb4a773b23m2qcyv48686.png?imageMogr2/format/webp" alt="设计的真需? data-src="https://img.zcool.cn/community/674f2eb4a773b23m2qcyv48686.png?imageMogr2/format/webp" data-expand="1658"> <div> </div> </div> <div id="wgy22vj" class=""> </div> </div> </div> </section> </div> <div id="7ybw7gq" class="paragraph align- undefined"> <div id="hy9y2be" class="">设计师的成长M开对自w需求的深刻反思。只有坦诚面对自w的局限,专注于长期的U篏与h(hun)值创造,我们才能在职业道路上走得更远Q在设计中找到真正的意义与从宏V这不仅是《真需求》理늚实践Q更是设计师的生zL度。设计的未来Q除了技术创新和形式变化Q更在于设计师如何通过真需求的思考,让设计ؓC会和个人创造更加美好的可能性?/div> </div> <br><br>作者:西子宇?br>链接Qhttps://www.zcool.com.cn/article/ZMTY0MTk3Ng==.html<br>来源Q站?br>著作权归作者所有。商业{载请联系作者获得授权,非商业{载请注明出处?/div> <div><a href="/blog/content/uploadfile/202411/8ad61732265770.png" target="_blank" rel="noopener"> <p><img src="/blog/content/uploadfile/202411/8ad61732265770.png" alt="" width="1200" height="155"></p> <p>C妙微(bouu.cn )是一家专注而深入的界面设计公司Qؓ期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、^面设计,以及相关的Y件开发服务,咨询电话Q?1063334945。我们徏立了一个微信群Q每天分享国内外优秀的设计,有兴请加入一起学习成长,咨询及进请加蓝助微信ben_lanlan</p> </a></div>]]></description> <pubDate>Fri, 21 Feb 2025 02:13:00 +0000</pubDate> <dc:creator>天宇</dc:creator> <guid>http://bouu.cn/blog/post-12951.html</guid> </item></channel> </rss> <footer> <div class="friendship-link"> <p>лǵվܻԴȤ</p> <a href="http://bouu.cn/" title="欧美 变态 另类 人妖">欧美 变态 另类 人妖</a> <div class="friend-links"> </div> </div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body>