?】随着iOS26发布Q部分设计Y仉l在增加ȝ材质能力
?】IF发布?025qiF设计势报告?/p>
?】小cAI眼镜上线
?】苹果iOS26 Beta3发布Q液态玻璃效果回退
??span data-pm-slice="1 1 ["para",{"tagName":"p","attributes":{"style":"text-align: left;margin: 0px 0pt;white-space: normal;outline: 0px;caret-color: rgb(0, 0, 0);color: rgb(0, 0, 0);font-family: \"PingFang SC\", system-ui, -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", \"Hiragino Sans GB\", \"Microsoft YaHei UI\", \"Microsoft YaHei\", Arial, sans-serif;font-size: 15px;letter-spacing: 0.5px;visibility: visible;line-height: 1.75em;"},"namespaceURI":"http://www.w3.org/1999/xhtml"}]">Figma支持Liquid glass
?】Figma Make AI 功能正式上线Q面向所有用户开?/p>
?】腾讯开源元模?1.0Q一键生成可漫游?3D 虚拟场景
??Luma AI 新增指o修改Q视频编辑流E更快捷
1. 随着iOS26发布Q部分设计Y仉l在增加ȝ材质能力
sketch beta版已加入液体ȝ效果Q可以自定义相关的参数?/strong>
?/span>囄来自Qsketch beta?/strong>
Figma也支持液态玻璃效果?/strong>
?/span>囄来自Q?/strong>figma软g
2.IF发布?025qiF设计势报告》,报告助力设计师深入理解未来变革性趋?/strong>
F 设计势报告 2025 是一本强?ldquo;设计介入C会pȝ”的指南。在面对数字化、生态危机、hD重塑{全球议题时Q设计不再是表层的装饰性行业,而是推动制度革新、关p重建和认知转变的战略工兗这份报告提供了Q方向性判断、策略设计灵感、对未来的责L与命感?/strong>
?/span>囄来自Q??025qiF设计势报告?/strong>
今年的《iF Design 势报告》聚焦于我们C会的六大主要{变:
1、CONSCIOUS ECONOMY 有意识的l济
2、HUMAN DIGITALITY人类数字?/strong>
3、CO-SOCIETY qC会
4、MINDSHIFT REVOLUTION思维转变革命
5、ECO TRANSITION 生态{?/strong>
6、GLOCALIZATION 全球本土?/strong>
CONSCIOUS ECONOMY 有意识的l济
现在消费者买的不只是hQ更看重企业寚w客的兛_、后l服务和有没有社会担当。所以未来品要和服务绑得更紧,靠脓心体验传递企业h倹{企业得把战略重心从“卖东?rdquo;转到“h”上,在服务中既用技术解决问题,又满h的情感需求,q样才能做出真正有温度的服务?/strong>
如:q家新成立的球人才l纪公司的品牌Ş象深受年轻球运动员的喜爱,q充分体C其对球员需求以及体育业的深刻理解。其企业设计以目标群体的语言q行表达Q迎合了他们大胆、充满活力的天性。该设计注重在场上和Z创造空间的理念Q象征着球员在职业生涯和生活中所面的全新机遇?/strong>
?/span>囄来自Q??025qiF设计势报告?/strong>
HUMAN DIGITALITY 人类数字?/strong>
随着技术的发展Q现在的产品和AI交互太复杂了Q过dq求“?rdquo;已经不够用了Q得?ldquo;好玩有趣”的设计来化解复杂Q让大家用得更开心、更愿意用!
AI伴GQ如陪伴机器人BallieQ通过人工共情提升用户体验?/strong>
如:伊库h个专门帮助自闭症孩子l社交的机器人。它能懂得每个孩子不同的情A和反应方式,用AR投媄和感应装备陪孩子玩,实时回应动作Q在一个安全舒服的环境里帮他们l习。帮助这些孩子徏立情感共鸣,增强他们的自我意识和表达能力?/strong>
?/span>囄来自Q??025qiF设计势报告?/strong>
CO-SOCIETY qC会
J荣需U_个体生活质量、社会参与和生态可持箋性,产品和服务不再只有实际用途,更承载了情感体验和h值理念,
如:q款U勒 x Remedy Place 联名冰ʎ桶将醒目设计、优化h机工学和U技QKohler Konnect®Q融Z体,提供可定制的h疗程Q不仅兑现减炎症、提升情l和增强心理韧性的健康承诺Q更成ؓ展现优雅健康生活的标志性设计?/strong>
?/span>囄来自Q??025qiF设计势报告?/strong>
MINDSHIFT REVOLUTION 思维转变革命
设计需打破L印象Q践行无性别理念Q摒弃性别标签Q同Ӟ更应x心理健康Q营造治愈性沉环境,~解C会疏离?/strong>
如:德乌特儿童安抚背带Aircomfort Sensic Vario Netzrucken pȝ为家庭徒步旅行提供了极大的便利,它在y的儿童背带中实现了出色的负荷分配和背部通风。该pȝ为父母和孩子都提供了舒适的体验Q配有柔软的儿童头部垫和方便的安全带操作装置?/strong>
?/span>囄来自Q??025qiF设计势报告?/strong>
ECO TRANSITION 生态{?/strong>
生态{型(循环C会+l色U技+能源革命Q正重塑全球发展路径。可持箋设计作ؓ关键响应Q以循环、融入生物多hؓҎQ重?ldquo;?自然q”pȝQ营造支持性环境与独特生态美学?/strong>
如:戴尔W记本电脑套装倡议戴尔W记本电脑多包装计划旨在重新设计现有的包装,拆箱q程节省?60% 的时间。经q全面且反复的工E优化,与单个包装相比,每单位包装材料的重量减少?38%Q从而打造出更小巧、更环保、更L户友好性的设计?/strong>

?/span>囄来自Q??025qiF设计势报告?/strong>
GLOCALIZATION 全球本土?/span>
未来的设计需要在全球视野下,在文化层面融入本土特Ԍ实现有共鸣的文化交流Q促q全球本土化如:滴滴的多元国际业务需要在多个国家和市Z为用h供一致且高效的体验,为此打造Global OneҎ化设计pȝQ以灉|、可拓展和在地适配的特性满_球业务需求,在保障品牌一致性的前提下助力各国市场快速响应本土化需求?/strong>
?/span>囄来自Q??025qiF设计势报告?/strong>
3.米AI眼镜上线
q去两年QAI热潮席卷g领域Q从手机到PCQ各cȝ端纷Uh抱AI重塑自我。沉寂已久的眼镜赛道也随之迎来爆发:Ray-Ban Meta联手AI注入新活力后QRokid、雷鸟、李未可{国产厂商相l推出Ş态功能各异的新品? U观AIgQ特别是以智能眼镜复兴ؓ代表的发展态势Q一个核心趋势已然显玎ͼ讑֤体验正经历从“?rdquo;?ldquo;无感?rdquo;的深刻{型?nbsp;
?/span>囄来自Q?米官网
4.ҎiOS26 Beta 3 发布Q液态玻璃效果回退
在Beta3版本Q将原来Ȁq的高拟真液态玻璃效果,回退至雾面毛ȝ+渐变的Ş式,显著提升了文字可L?/strong>
?左:iOS 26 Beta 2 / 叻IiOS 26 Beta 3
来源Qhttps://www.ifanr.com/1630100
5.Figma原生支持Liquid glass
?/span>囄来自QFigma官网
?/span>囄来自QX官网
l?Sketch ?Motif 之后QFigma 原生也支持iOS 26 的液态玻璃(Liquid glassQ效果。设计师可在 Figma 中直接应用该效果。用户可以灵zd工具栏中调节材质和效果?/strong>
https://x.com/i/status/1945513823949222239
6.Figma Make AI 功能正式上线Q面向所有用户开?/strong>
设计q_ Figma 正式向所有用户开攑օ AI 工具 Figma Make。用户只需输入需求,卛_自动生成|页原型、交互逻辑甚至基础应用框架。此前仅限付费用户用的功能Q现已全面开放?/strong>
|址Qhttps://www.figma.com/make/
?/span>囄来自QFigma官网
?/span>囄来自QFigma官网
?/span>囄来自QFigma官网
颠覆传统设计程的三大核心能?/strong>
1. 文字驱动创作
无需~写 CSS 代码Q输入指令如“创徏带邮?密码字段的登录页”QAI 卛_生成高保真界面及可点M互元素。设计构想从概念到屏q呈现的链\被大q压~,省去重复搭徏d的时间成本?/strong>
?/span>囄来自QFigma官网
?/span>囄来自QFigma官网
2. 视觉素材转化
支持上传 Logo、插L照片QAI 自动解析视觉风格与布局l构Q将其{化ؓ可复用组件或面背景。该功能打?ldquo;视觉E?rarr;可交互原?rdquo;的{化\径,其适用于品牌宣传与内容营销场景?/strong>
?/span>囄来自QFigma官网
3. 现有设计深度增强
?Figma 设计文g中的 Frame 直接导入 MakeQAI 会智能补全交互逻辑与布局l节。在保留原始设计的基上,快速实现原型功能升U,显著提升产出效率?/strong>
q阶能力Q从设计CU的闭环
4.实时发布可访问应?/strong>
生成的原型ƈ非静态稿Q可一键发布ؓ真实可访问的 Web 应用。用户可通过 Figma Make 预览面Q或部v臌定义域名?/strong>
5.集成 Supabase 后端服务
内置用户认证、数据库{后端能力,l合自定义域名功能,实现“设计-开?部v”全流E诏通?/strong>
6.对话式实时微?/strong>
选中特定元素Q如按钮Q后Q通过自然语言指o调整l节Q?ldquo;d紫色渐变效果”“增加悬停动效”。AI x响应修改需求,使原型优化更_և高效?/strong>
工具价g适用场景
Figma Make 重新定义了设计生产力Q通过融合文字指o、视觉识别与增强Q将静态设计{化ؓ可运行原型,q直接对接发布流E?/strong>
其h值在于:
a.消除设计师与开发者之间的协作断层
b.释放创意人员Ҏ术实现的依赖
c.加速从概念到可体验产品的{化周?/strong>
适用体Q品经理、UI/UX 设计师、初创团队及M需要快速验证想法的创作者。徏议即M验,抢占AI驱动的品开发效率先机?/strong>
7.腾讯开源元模?1.0Q一键生成可漫游?3D 虚拟场景
?024世界人工大会上,腾讯正式发布q开?混元3D世界模型1.0QHunyuanWorld 1.0Q。该模型支持通过文本或单张图片输入,一键生成具?60°自由漫游能力?D虚拟场景Q生成内容可导出~辑。其创新性语义分层算法兼容Unity{主开发工P实测性能越全球开源对标模型,推动游戏开发、VR应用及数字创作领域的技术革新?/strong>
|址Qhttps://3d.hunyuan.tencent.com/sceneTo3D
效果展示unsetunset
一些HunyuanWorld 1.0生成?60°沉浸式、可探烦3D世界Q?/strong>
?/span>囄来自Q元官|?/strong>
?/span>囄来自Q元官|?/strong>
技术突_解决三维生成核心痛点
1.当前3D世界生成技术存在两大局限:
视频驱动ҎQ场景多h丰富但~Z三维一致性,渲染效率低下
几何驱动ҎQ结构稳定性强却受限于训练数据匮乏与内存效率瓶?/strong>
2.HunyuanWorld 1.0通过融合双方优势实现H破性创斎ͼ
全景世界代理技术:?60°全景图ؓ媒介构徏沉浸式空?/strong>
|格化资产输出:生成标准3D|格模型Q无~对接图形管U?/strong>
解耦式物体表征Q增强场景元素的可交互性与~辑自由?/strong>
8. Luma AI 新增指o修改Q视频编辑流E更快捷
Luma AI q日为其视频生成q_ Dream Machine 上线自然语言指o~辑功能。用户通过输入文本指oQ如“调整黄昏色调”“替换背景建筑”Q,卛_动态修改视频中的色彩、场景元素及视觉ҎQ编辑效率提升显著。该功能大q优化视觉特效师、动态设计师{创意工作者的工作。网址Qhttps://lumalabs.ai/
?/span>囄来自Q?strong>luma ai官网
?/span>囄来自Q?strong>luma ai官网
▲视频来自:luma ai官网
?/span>囄来自Q?strong>luma ai官网
?/span>囄来自Q?strong>luma ai官网
核心能力与技术进?/strong>
1. 语言驱动实时~辑
支持颜色分、物体替换、场景重构等高频需?/strong>
修改指ox响应Q避免传l逐操作
2. 持箋q代的\U图
正解除当前仅限首帧修改的限制
卛_推出全时间u的U精控制功能此ơ升U标志着AI视频~辑从生成向_修q化Q通过降低专业技术门槛释攑ֈ意潜能。媄视后期、广告创意及短视频创作领域将率先受益?/strong>
转自Q腾讯ISUX
]]>
其实毛玻璃本w也是一U突Z息的手法Q只是大部分情况下用来H出氛围信息。但如果把QH也做成毛玻璃的效果Q其实在整体信息分上会有更显著的效果?/span>
让我们一hƣ赏一下吧?/span>
All by @RonDesignLab
转蝲QUX设计便利?/p>]]>
转蝲Q微信公众号q面设计
]]>用户q行操作q程中,界面上的元素会经常出玎ͼ隐藏Q打开Q关闭,攑֤~小UM{。给q些元素增加些自然的动画QE入E出效果不但美观,也更W合实际Q本来元素尺怽|的变化是一个需要时间的动画q程。但要注意动L间不要设|过长,那样会让惛_快完成操作的用户不耐烦?/p>
与其让用户马上注册,何不让用户先q行一些体验式的操作呢。这个体验过E可以展C程序的功能Q特性等。一旦用户通过单几步的操作了解了程序的价值所在,那么它会更愿意填写注册表单的。这U@序渐q的引导可以量推迟用户注册的时间但又可以让用户在没注册的情况下q行个性化讄{简单操作?/p>
q多Ҏ会喧宑֤丅R不用说Q边框确实在划分区域q行版块讄时有很大的作用,但同时其明显的线条也会吸引走用户的注意力。ؓ了达到划分版块又不{Uȝh意力的目的,在排版时可以界面上不同区域的元素通过I白q行分组Q用上不同的背景Ԍ文字对齐方式进行统一Q还有就是ؓ不同区域讄不同的样式。当使用所见即所得的界面设计工具Ӟ我们l常在界面上方便地拖出很多区块来Q这些区块多了就会显得杂乱无章。所以我们又会到处放些横U来分界。一个更好的做法是将区块垂直寚wQ这样做不会让那些多余的U条来扰p觉?/p>
市场是q样的,用户永远只关心自w利益而品特性对他们来说倒不是那么重要。只有利益才更直观地体现Z用品所带来的h倹{Chris Guillebeau在他的著作?00元起家》中指出Q相比压力,冲突Q烦心事和未知的未来Qh们在乎得更多的是爱,金钱Q认同感和自由支配的I闲旉。所以我怿在展CZ品特性时回归到利益上是必要的?/p>
界面上经帔R要呈C同数量的数据Q从0Q?Q?0Q?00?0000+{。这里存在个普遍的问题就是:在程序最开始用的0条数据到q度到有数据之前Q该如何q行昄界面。这也是我们l常忽视了的地方。当E序初始没有数据Ӟ用户看到的就是一片空白,此时用户可能不知道该q行哪些操作。利用好没有数据的初始界面可以让用户学习和熟悉如何用程序,在程序中创徏数据。力d永q是我们q求的目标,界面设计也不例外?/p>
界面做成默认用户选中惌使用你的产品Q意味着如果用户真的需要用,那么可以直接点击定而不需要额外点选了。当Ӟ也有另一U做法就是默认不选中服务Q用户需要的话可以手动点选。前者这U设计更好的原因有两炏V一是用户不需要额外点选,非常省事Q因为默认设|ؓ用户需要我们的产品或服务。二是这U做法某U程度上是在向用h荐品,暗示了其他h都选择了我们。当Ӟ界面设计成默认选择的样子多存在点争议Q有点强q用L感觉。如果你想道德一点,你可以要么把让用户选择的文字写得模׃可,要么使用双重否定q样不那么直白的描述Q这两种方式都可以让用户觉得没有那么强的感觉是被选择使用产品的?/p>
自从Donald Norman的一pd著作面世后,界面设计中尽量保持一致性成了一个普遍遵循的准则。在设计中保持一致性可以减用L学习成本Q用户不需要学习新的操作。当我们点击按钮Q或者进行拖拽操作,我们期望q样的操作在整个E序的各个界面都是一致的Q会得到怼的结果出来。反之我们需要新情境下重新学习某U操作会产生何种l果。可以在很多斚w下功夫来实现一个一致的界面Q包括颜Ԍ方向Q元素的表现形式Q位|,大小QŞ状等。不q在让界面变得一致之前,C一点,适当的打破整体的一致性也是可取的。这偶尔的不一致性的设计用在你需要强调的地方可以起到很大的作用。所以世事无l对Q我们应遵从一致的设计准则Q但适当地打破这U常规?/p>
适当的默认值和预先填充好的表单字段可以大量减少用户的工作量。在节省用户宝贵的时间上面,q是U非常常见的做法Q可以帮助用户快速填完表单或者注册信息?/p>
界面设计中遵从约定的准则跟之前的界面一致性准则很怼。如果我们遵从了界面设计中的一些约定,用户用v来会很方ѝ相反,不一致和没有遵从U定的设计则会提高学习成本。有了界面设计中q些U定Q我们想都不用想q道界面右上角Q大多数情况下)的叉叉是关闭E序用的Q或者点M个按钮后我们能够预测到将会发生什么。当ӞU定是会q时的,随着旉的推U,同样的操作也有可能被赋予新的含义。但要记住,当你在界面中打破q些常规时一定要目的明确Qƈ且出发点是好的?/p>
我们喜欢成功Q没有谁愿意p|。根据心理学得到的可靠结论,Z一般更向于避免失L有的东西而不是获得新的利益。这一l论也适用于品的设计和推q中。试着说明你的产品会帮助客L护他的利益,保持健康Q社会地位等要好q告诉客戯个品会带来一些他未曾拥有的东ѝ比如保险公司,它是在销售我们出事之后可以得到的大笔赔偿呢还是在可以帮助我们避免失去拥有的胦产?
h层次的设计可以将界面上重要的部分与不ơ要部分区分开来。要让界面层ơ分明,可以在这些方面做文章Q对齐方式,间距Q颜Ԍ~进Q字体大,元素寸{。当所有这些调整运用得适当Ӟ可以提高整个界面的可L。相比在一个很直白的界面上用户一眼就可以从上瞟到底的设计Q这样分明的设计也可以让用户放慢速度来慢慢阅诅R这样也使界面更有特色一些。就好比一ơ旅行,你可以乘坐高铁快速到达景区(从页面顶部瞟到底部)Q但你也可以慢行以欣赏沿途风光。所以层ơ分明的设计让眼睛有可以停留的地方,而不是对着I白单调的一个屏q?/p>
各个功能项分组合ƈh可以提高E序的可用性。有点常识的人都知道刀子和叉子Q或者打开文g和关闭文件是攑֜一L。将功能相近的元素放在一起也W合逻辑Q符合我们^时的认知?/p>
在处理表单时Q最好立x出用户所填写内容是否W合要求然后l出验证消息。这样错误一出现能就能得到改正。相反,提交后再查表单会l出错误消息Q会让用hC力又要重复之前的工作?/p>
对用戯入的数据Q尽量放宽限Ӟ包括格式Q大写什么的。这样做可以更h性化一点,也得界面更加友好。一个再恬当不过的例子就是让用户输入电话L的时候,用户有很多种输入方式Q带括号的,带破折号的,带空格的Q带区号和不带区L{等。如果你在代码中来处理这些格式的问题Q代价也只是你一个h多写几行代码而以Q却可以减少无数用户的工作量?/p>
适当的紧q感是个有效的战术可以让用户立即做出军_而不是等上个十天半个月。重要的是这U战术屡试不爽,因ؓ它暗CZ资源的紧~或者活动的旉有限Q今天可以买Q但明天可能无法这么低价了。另一斚wQ这一战术也让用户感到会错׃ơ大好的ZQ再一ơ,应用了h们害怕失ȝ本性。当Ӟq种战术会被一些h嗤之以EQ认为是不耿直的做法。不q,q只是种战术而以Qƈ且在保持合法性的前提下应用也无伤大雅。所以请不要Z营销而在界面上制造紧q的假象?/p>
物以E。饥饿营销l出的信息就是东西不多,只剩几gQ明天再来,可能没了。你L较一下批发与限量版的东西他们的h格差距有多大q道了。回q头来看Q那些批发商或者大零售商,他们也用饥饿营销Q以获得更好的销量。但在Y件行业,我们l常会忘记有饥饿营销q回事。因为数字品是可以很容易拷贝复制的Q不存在~的情c其实,在界面设计中Q也可以其q用h与现实中的资源紧~行联pR想想一ơ网上研讨会的门,x你一个月可以服务的h数限Ӟq些信息都可以告知用h有限的?/p>
q一界面设计中的l典准则是有心理学依据的Q相比要让某人回x某样东西Q从一堆东西中认出某样东西会更Ҏ些。L识出一样东西只需要我们稍微回忆一下,通过一些线索就可以完成。而回惛_需要我们全面搜索自q大脑。也许这也是Z么试卷上选择题会比简{题做得快的原因。所以试着在界面上展示一些用户之前涉及到的信息让他们q行选择Q而不是让他们惛_天然后自己填写?/p>
像链接,表单的输入框q有按钮{,如果寸做得大一点则点击h更方便容易些。根据费特定律,使用像鼠标这L外设来点击需要一些时_特别是元素比较小的情况下Q时间会更多。鉴于此Q最好还是把你的表单输入框,按钮{做大点。抑或者你可以保持原有的设计不变,只是把元素可点击区域Q也是热区Q增大。这L一个典型例子是手机讑֤上的文本链接和导航菜单,它们文字不一定很大但背景是拉伸的Q在很宽范围内点击都有效?/p>
速度很重要。页面加载速度和UIҎ作的响应速度都直接关pd用户是否有耐心l箋{下厅R无疑地每多一U种的等待都会失M些用h者项目机会。一个好的解决之道当然就是优化你的页面和囄。除此之外还可以q用心理学让q个{待旉昑־不那么长。具体来说有两种技巧。一是显C度条Q二是展C其他相x有趣的东西来吸引用户的注意力Q就好比你沿着传送带走走Lȝ在原地盯着一个位|看要好得多吧)?/p>
当你的程序广为流传,应该考虑下高U用L感受。h们L试图Z些重复性的操作扑ֈ更快LҎQ快捷键应q而生了。相比在界面上点来点去,快捷键无疑大大提高工作效率。一个好的例子就是现今流行于各个LE序中的JQ后退QKQ前q)快捷键组合,比如在GmailQTwitter和Tumblr中。按钮固然好Q但快捷键会锦上添花?/p>
转蝲Q微信公众号UI设计
]]>单列布局能够让对全局有更好的掌控。同时用户也可以一目了然内宏V而多列而已则会有分散用h意力的风险你的L无法很好表达。最好的做法是用一个有逻辑的叙q来引导用户q且在文末给Z的操作按钮?/p>
l用户一份精小C品q样的友好D动再好不q了。具体来Ԍ送出C品也是之有效的获得客户忠诚度的战术Q这是徏立在Z互惠准则上的。而这样做所带来的好处也是显而易见的Q会让你在往后的zdq展Q不是推销Q品更新还是再ơ搞zdQ中更加利?/p>
在整个品开发期间我们会有意无意地创建很多模块,版面或者元素,而它们的功能可能有些是重叠的。此U情况表明界面已l过度设计了。时刻警惕这些冗余的功能模块Q它无用且降低了电脑性能。此外,界面上模块越多,用户的学习成本就大。所以请考虑重构你的界面使它__?/p>
在获得项目机会或提高目转化率时客户的好评是一U极为有效的手段。当潜在客户看到其他人对你的服务l予好评Ӟ目Z会大增。所以试着提供一些含金量高的证据证明q些好评是真实可信的?/p>
多次重复L口号q种Ҏ适用于界面很长或者分늚情况。首先你肯定不想满屏刷出相同的信息,q样会让人生厌。但当页面够长的时候这些重复就昄自然多了q且也不昑־拥挤。所在在面剙放一个按钮然后在面底部再适当放个H出的按钮的做法没有什么不妥。这样当用户到达面底部在思考接下来该做什么的时候,你提供的按钮可以获得一个潜在的合同或者即使用户不需要你的服务这个按钮也可以起到qo的作用?/p>
诸如颜色Q层ơ及模块间的Ҏq些视觉上的设计可以很好地帮助用户用品:他时ȝ道当前所处的面以及可以转到哪些面。要传达q样一个好的界面,你就需要将可点ȝ元素Q比如连接,按钮Q,可选择的元素(比如单选多选框Q以及普通的文字明显区分开来。在下图的例子中Q我点L作的元素讄Ԍ选中的当前元素ؓ黑色。这样适当的设计可以让用户很方面地在品的各模块间切换。但千万不要把这三种元素设计得׃堪?/p>
当展C多项服务Ӟl出一个重的推荐Ҏ个不错的做法Q尽推荐的讄无法满所有用戗这么做是有理论依据的,一些研I已l揭CZq么一U现象:当面临的选择多Ӟ用户p隑ց出决定。所以你可以高亮某个选项来帮助用户做出选择?/p>
假设你刚点击了一个连接或者按钮,撤销操作可以让操作流畅自Ӟq也W合人类的本能。而每ơ操作都弹一个确定框则好像是在质问用户你明白不明白这个操作会产生什么后果。我q是更习惯假讄hơ操作都是正的Q其实只有极数情况下才会发生误操作。所以,Z防止误操作而设计的认H口其实是不人性化的,用户每次操作都需要进行毫无意义的定。所以请考虑在你的品里实现撤销操作来增加用L操作友好度吧?/p>
你是x产品做成大众化的呢还是有_的适用人群Q在产品定位上你需要更_些。通过不断了解目标客户的需求及标准Q你能把产品做得更好得到更多与客户交的ZQƈ且让客户觉得你很专业Q在q方面是独家提供的优质服务。把产品定位得精的风险是可能~小了目标潜在客L范围Q也使自w变得不那么全能。但q种做得更专业的_却反q来会赢得信任,权威?/p>
Q脓士:喜欢下图中可qh物造型么?M解MicroPersonas吧)
你可以通过不确定而颤抖的声音来表达传递自q意思,当然也可以通过很自信的方式表达。如果你在界面中的表q用语多以问L束,比如"也许"Q?可能"Q?感兴?" 或?惌试试么?"Q那么你完全q可以把语气变得更坚定一些。不q万事无l对Q或讔R当放松措词让用h自行思考的余地也是可以的?/p>
把主要功能区从界面中H出昄出来效果会好很多。你的主要口号醒目有很多种Ҏ。通过明暗色调的对比来H显。通过为元素添加阴影渐变等效果让界面富有层ơ感来张显主题。最后,你甚臛_以在色相环上专门选择互补Ԍ比如黄色与Ԍ来设计你的界面,以达到突出重心的目的。综合所有这些,最后得到的界面会你的主要意图与界面其他元素有明显的区分,得到完美的呈现?/p>
指明你的地区Q所提供的服务,产品来自哪里意义重大Q同时也与客户的沟通引入了一个更具体带有地域特色的场景中。指出具体来自哪里,国家Q省分及城市Q也是一U在q行自我介绍或品展C时被常常提及的。当你在界面设计中实现这ҎQ让得非常友好。同时指明区域也会隐形提高品的声誉Q好上加好?/p>
人生性就懒惰Q在填写表单时也是同L道理Q没人愿意填写一大堆表单字段。表单中每个字段都会有失ȝL风险。不是每个h打字都很快速的Qƈ且在Ud讑֤上进行输入更是相当麻烦的事情。问下自p单中是不是每个字D都必需Q然后尽量减表单中的字Dc如果你实需要一大堆信息让用户填写,试着它们分散在不同面Q在表单提交后还可以l箋补充。过多字D很Ҏ让整个表单显C肿,当然想简z也很容易,只放数字段?/p>
你用的M一个下拉框都会对用户造成信息的隐藏而需要额外的操作才能昄。如果这些信息是贯穿整个操作所必需的,那你最好把它展C出来做得更显而易见一炏V下拉框最好用在选择日期Q省份等U定俗成的地斏V对于程序中重要的选项最好还是不要做成下拉Ş式?/p>
一个^淡无奇行文无疑会让用户失d而l阅诅R是的,单列滚动的长面是不错的Q但是我们应该适当地设|一些小节,q且环环相扣Q来提高用户的兴其l阅诅R但需要注意的是节与节之间的留白不要太大?/p>
Z满各式用户的需求,在页面上放些链接铑ֈq里铑ֈ那里是常见的做法。如果你的主要目的是惌用户点击面最后那个下载按扭什么的话,需要三思了。因为用户可能点M其他链接d面了。所以你需要注意页面的链接数量Q最好将用于D与用于操作的链接用样式区分开。尽量移除页面不需要的链接会让用户点击C的功能按钮?/p>
现如今大多界面当中已l呈C各色样式的进度条或者标明状态的图标Q比如邮件有已读或未ȝ状态,电子帐单有支付或未支付的状态。而在界面上呈现这L状态对于用h说是很有必要的。这L户就可以知道某些操作是否成功Q接下来准备q行怎样的操作?/p>
试想界面上有q样两个按钮Q一个是"获取折扣"Q另一个是"立即注册"。我敢打赌大多数Z点击W一个,因ؓW二个按扭让人感觉不到有利可图,q且"注册"让h联想到填不完的表单。也是说让用户感受到获利的按钮更有可能被点凅R这U让用户感到好处的文字信息也可放在按钮旁边,不一定要做ؓ按钮的标题。当Ӟ正常的按钮还是有用处的,一般用于重复性操作频J的地方?/p>
不用说直接在元素w上q行操作是更直观明了的方式。比如在一个列表中Q我们想让用户对每个条目q行操作那么把按钮攑ֈ当前条目上,而不要把攑ֈ列表之外。再比如是直接点击元素p入编辑状态(比如面上的地址信息点击后可以进行编辑)。这U方式比传统的选中再点ȝ应的按钮q行操作要简z省事得多。当Ӟ对于一般性的操作本n׃需要有什么上下文的,没必要q么做了Q比如页面上的前q,后退按扭?/p>
在一个够大的宽屏界面上最好还是直接给单,q比点击按钮再弹单要好很多。首先减了点击操作Q流E变得简z也节省了时间。其ơ,直接呈现单可以让用户知道表单有多长,其实也是在告诉用h册花不了多少旉。当Ӟq条规则适合注册表单非常单的情况?/p>
转蝲Q微信公众号UI设计
]]>