# 2024年UX后用户体验时代 就像晚期资本主义一样，晚期用户体验的特点是市场饱和、高度关注金融增长、商品化、自动化和金融化程度的提高。企业对经济和社会具有重大影响力，而设计师在倡导用户需求时只能做到这一点。2024 年，作为设计师，我们该如何应对这一局面？ # 2024 年用户体验状况：进入后期用户体验 就像晚期资本主义一样，晚期用户体验的特点是市场饱和、高度关注金融增长、商品化、自动化和金融化程度的提高。企业对经济和社会具有重大影响力，而设计师在倡导用户需求时只能做到这一点。2024 年，作为设计师，我们该如何应对这一局面？ 这是UX Collective发布的第 9 版《用户体验现状》报告：基于 2023 年发布的 1,000 多篇文章并与超过 50 万订阅者分享，对我们的行业进行了批判性审视。 ## 后期UX的特点 ##### 01 自动化 人工智能使我们越来越多的工作自动化，并减少了某些市场对设计师的需求。 ##### 02 饱和 设计师供大于求。市场仍存在不确定性。 ##### 03 商品化 关注可扩展性和标准化，而不是差异化和愉悦感。 ##### 04 金融化 财务状况、股东利益和业务指标对设计决策的影响更大。 ##### 05 解体 对数字产品缺乏信任会让用户要么持怀疑态度、要么自满，要么容易受到利用。 ## 自动化：人工智能既会提升你，也会把你推出去 ##### 人工智能正在简化大型组织内设计师的工作，同时消除低风险项目中对设计师的需求。 随着生成式人工智能 (GenAI) 和大型语言模型 (LLM) 带来的新一波技术浪潮，企业开始寻找[简化设计流程](https://uxdesign.cc/reshaping-productive-workflows-integrating-ai-and-ux-a686d5222ae0?sk=8a8e5b0e822e2a7889ecb1b74ce1a146)并消除设计师[手动任务的方法。](https://www.forbes.com/sites/forbesagencycouncil/2023/04/11/15-ways-agencies-are-using-ai-to-streamline-workflows/)虽然这将使设计师提高[工作效率并获得一些新的超能力](https://uxdesign.cc/the-birth-of-the-superhuman-ux-designer-how-ai-is-changing-the-game-249d34c03840?sk=2c4504fdb7367ce4f20644ebcad06755)，但这些优化将不可避免地[导致](https://uxdesign.cc/is-ai-going-to-steal-your-job-and-burn-down-your-house-a1ba66a6d5af)未来几年团队规模的缩小。这两件事可以同时成立。 与此同时，人工智能正在接管 Wix、Squarespace、Canva、Envato 等自助设计平台。当任何小企业主都可以通过简单的文本提示设计和启动整个网站时，对熟练设计师的需求就会大大减少。 虽然一些设计师正在学习“即时工程”来教授 ChatGPT 和其他法学硕士如何完成他们的工作，但其他设计师正在为行业[更深层次的转型做准备。](https://uxdesign.cc/navigating-the-ai-revolution-how-designers-can-stay-competitive-7798bc664210?sk=bd971c5207c1ca8c0311e3086a92e427)在短短几年内，人工智能将不再是一个基于聊天的目的地；而是一个基于聊天的目的地。它将在我们的设备上[无处不在](https://uxdesign.cc/decoding-the-future-the-evolution-of-intelligent-interfaces-ec696ccc62cc)，它的功能将被我们使用的每一个应用程序（无论是作为用户还是设计师）所吸收。
**↳ 这对设计师意味着什么** 我们今天所知道的 Figma 不会存在太久了。一旦你的[设计库连接到代码](https://story.to.design/)，并且人工智能足够智能，可以[动态](https://uxdesign.cc/generative-search-experience-the-next-step-in-search-engine-ux-2bd650df10ca?sk=a44261ce86f7a458dfd890b17cd10aae)构建临时界面，设计师作为中介的角色就变得不那么重要了。很快，Figma 的主要受众将不再是设计师，而是组织中的任何人——这一转变已经在顺利进行。 **↳ 机会就在哪里** 虽然 UI 流程在未来往往会变得更加自动化，但[用户体验研究和用户体验策略](https://uxdesign.cc/strategic-ux-research-is-the-next-big-thing-915e025c3d8b?sk=3855021f626f6e06614ae2a6c0bca689)等技能将变得比以往更加重要。概念设计和视觉思维也是如此。我们始终必须[为新技术找到正确的用例](https://uxdesign.cc/design-for-ai-what-should-people-who-design-ai-know-761e78fdabb)，并且随着增强现实和多模式人工智能代理的普及，我们将继续看到设计扩展到平面屏幕之外。 **↳ 如何做好准备** 虽然学习人工智能提示以及如何使用更新的生成式人工智能工具在短期内可能会有所帮助，但从长远来看，真正让你作为一名设计师脱颖而出的是，你的设计思维具有[战略性，你的设计决策](https://uxdesign.cc/doing-strategy-as-a-product-designer-902e0cc64858)[更有目的性](https://lessons.design/)，并且自信将您的[观点](https://www.doc.cc/articles/taste)烙印到您创作的作品中。[ ](https://www.doc.cc/articles/taste) ## 饱和：队伍缩水，权力缩水 #### 持续的裁员和市场不稳定降低了许多设计师在过去十年中的议价能力，并让我们工作的交易方面得到了体现。 如果您在这个行业工作了足够长的时间，您以前就见过这样的情况：裁员、有限的设计资源和增加的外包。但对于我们这些成熟市场中的人来说，当前的低迷是在经历了十年左右的反常增长（我们永远不应该认为这是理所当然的）之后的猛然觉醒。 我们现在正在见证钟摆向另一个方向摆动：设计师感觉他们在组织内失去了讨价还价的能力，[倦怠程度比平时更高](https://uxdesign.cc/from-burnout-to-balance-why-are-so-many-ux-designers-fatigued-426e750e9bb0)，一些人[很难找到](https://uxdesign.cc/why-is-it-so-hard-to-break-into-ux-7f2535f64ead?sk=ab1ba86e197653628106cc91cdaaacbe)适合他们技能的职位。 尽管有一些世界末日的预言，但现在敲响丧钟还为时过早——这只是[UX 的众多死亡事件之一](https://uxdesign.cc/the-many-deaths-of-ux-design-85a255e3676f)。[我们正在解决的设计挑战](https://uxdesign.cc/product-design-is-going-down-a-weird-path-but-we-can-still-save-it-8c777ef2bbf8)一如既往地具有吸引力，许多人认为自己很幸运能够在自己热爱的领域工作。在度过这个不确定的时期时，我们如何才能[再次激发人们对我们的工艺的兴奋](https://www.doc.cc/articles/accepting-design)？ **↳ 这对设计师意味着什么** [更精简的团队](https://uxdesign.cc/small-jobs-small-dreams-7ed46faf46b0)意味着公司内部或工作之间的流动性更少。这还意味着更少的管理层级以及对每个设计师及其能够提供的价值的更多责任。 **↳ 机会就在哪里** 更多的责任还意味着您的工作具有更大的可见性，并因此有更多机会展示您的组织内的影响力。但如果您正在寻找新职位，也许是时候超越大型科技公司的刻板职业生涯了；许多其他类型的公司、行业和问题空间都可以从强大的设计师中受益。 **↳ 如何做好准备** 请记住，您并不孤单：很多人正在经历与您相同的挑战。现在是时候利用你的人际网络，[讨论薪资](https://twitter.com/danmall/status/1679131974403776512)，分享[职位空缺](https://uxcollective.pallet.com/jobs)，调查[其他职业道路](https://craft.uxdesign.cc/)，并借此机会重新评估你的成功是什么样的。 ## 商品化：设计传送带 ##### 软件最重要的是规模。软件设计也是如此。当设计本身全部组件化时，我们能带来什么价值？ 软件扩大了市场规模，并使工具的使用变得民主化：每个人（[专业人士或业余爱好者](https://hipcityreg.substack.com/p/amateur-environments)）都是 Robinhood 的投资者，就像每个人都是 TikTok 的创作者一样。设计也比以往任何时候都更容易实现。任何人都可以制作出相当不错的设计，从在 Canva 上创建资产到在 Envato 上购买模板，再到在 Figma 上[创建界面](https://twitter.com/perfectKeming/status/1687176468810334209)。如果所有界面开始看起来都一样，那是因为设计工具正在按设计工作。 界面设计需要扩展，因为企业需要扩展：公司总是更喜欢来自彻底商品化设计的可预测性和安全性，因此他们对[设计系统](https://uxdesign.cc/design-system/home)进行大量投资。与此同时，设计实践的自动化可能会让一些设计师感到不舒服：既然我们的工作已经如此商品化，我们如何证明我们的价值是合理的呢？ 如果基本的 UI 范式正在成为一个“已解决的问题”，我们应该考虑解决更深层次的问题：系统的复杂性及其在业务不同部分之间的关​​系；视觉元素的品牌表现力；用户旅程侧重于可访问性和包容性。好事和[坏事都是可以衡量的](https://hidde.blog/interactions-about-accessibility/)。我们仍然有能力引导我们的组织朝着正确的方向发展。 **↳ 这对设计师意味着什么** 虽然 UI 正在变得商品化和[标准化](https://uxdesign.cc/were-turning-designers-into-factory-workers-a7471daaf6fd)，但我们正在设计的解决方案变得更加复杂、细致且针对具体情况。 **↳ 机会就在哪里** 了解如何使用您的手艺，不仅专注[于手头的任务](https://uxdesign.cc/product-design-is-going-down-a-weird-path-but-we-can-still-save-it-8c777ef2bbf8)，而且还增强用户体验并连接他们的完整数字生态系统。解决正确的问题与正确地解决问题同样重要。 **↳ 如何做好准备** 这种远离组件的转变代表了作为设计师发展其他类型技能的机会，并探索您可能没有接触过的工作的一面。无论您关注的是执行还是战略，您都应该对工作从开始到交付都有 一个[整体的视角。](https://uxdesign.cc/doing-strategy-as-a-product-designer-902e0cc64858) ## 金融化：从用户流量到现金流 ##### 在一个设计被用来安抚股东和提高股价的世界里，倡导用户的利益可能会成为事后的想法。 设计师常常害怕数字；我们认为它们对我们的思想和想象力构成威胁。现实情况是，企业[操纵他们的数字](https://www.wsj.com/articles/profit-numbers-get-spruced-up-as-business-slows-8eec5017)就像我们操纵 Figma 图层一样容易——[有时是以恶意的方式](https://www.axios.com/2023/10/10/ftx-sbf-bankman-fried-gary-wang-trial)。仅去年一年，许多公司就试图通过在产品名称中添加“人工智能”来提高业绩，有些公司已经因其未兑现的承诺而[受到强烈反对](https://www.wsj.com/articles/companies-increasingly-fear-backlash-over-their-ai-work-53aff47c)。 归根结底，在营利性公司工作的设计师并不是把帮助用户作为一项公共服务，而是因为更快乐的用户将为最初雇用我们的公司带来更多业务。为了能够在这样一个以结果为导向的市场中为用户辩护，设计师需要能够轻松地提出新类型的问题。我们真的想“提高客户满意度”，还是只是想降低客户服务成本？我们是否考虑到了用户的最大利益，还是仅仅利用[同理心作为业务驱动力](https://www.doc.cc/articles/the-aura-of-care-in-ux)？ 必须满足如此多的业务目标，我们可能会感到不知所措，但这些目标促进而不是阻碍我们的设计工作。了解业务的运作方式可以让我们更成功地推动我们的工作并帮助用户获得他们需要的东西。 **↳ 这对设计师意味着什么** 到 2024 年，设计师预计将变得更加商业头脑。尽管经济可能开始复苏，但我们仍将面临雇主要求取得可衡量成果的压力。这也意味着我们必须更加努力地防止[不道德的业务决策](https://uxdesign.cc/can-growth-design-be-truly-ethical-a37b0f0fd47d?sk=5453462090397948afc91a9d8f659d5c)并打击欺骗性的用户体验。 **↳ 机会就在哪里** 设计师可以成为组织内业务的推动者，也可以创建他们想要推动的业务。我们正在进入一个[设计创业时代](https://www.betterbydesign.cc/p/the-era-of-design-entrepreneurship)，一些设计师意识到他们不仅仅是受雇于企业的设计师；他们是富有创造力的商业人士，其技能是设计。 **↳ 如何做好准备** 了解公司数据并[在您的故事中利用它们](https://uxdesign.cc/need-to-persuade-higher-ups-to-align-with-user-needs-use-data-storytelling-1eb995d12e8f?sk=1d423d88caa5db7eaa1a4dfbc88bb07a)。学习[使用商业语言，并将您所展示的设计与](https://uxdesign.cc/the-making-of-a-strategic-designer-c83a2355a9e0)[它们如何推动业务](https://uxdesign.cc/are-shareholders-the-real-users-5f53339963ae?sk=b2fdb91e43578a5b99b4a251778f9d20)之间的点联系起来。但永远不要让他们怂恿你[必须证明你](https://medium.com/nice-work-from-active-voice/hey-designers-theyre-gaslighting-you-e02e5a4d9cff)[在](https://medium.com/nice-work-from-active-voice/hey-designers-theyre-gaslighting-you-e02e5a4d9cff)[组织](https://medium.com/nice-work-from-active-voice/hey-designers-theyre-gaslighting-you-e02e5a4d9cff)中的价值。请记住，作为人类并为人类而勇敢地进行设计。 ## 解体：用户信任是有限的资源 ##### 数字产品的发展速度超出了我们的设计预期，为不良代理和欺骗性模式的扩散提供了空间。用户能忍受多久？ 不久前，设计界正在联合起来反对欺骗性的设计模式，并将增长黑客视为[耻辱之墙](https://www.deceptive.design/)。这感觉像是一场艰苦的战斗：主要依靠 A/B 测试来制定设计决策的公司通常会选择那些欺骗性的模式作为最成功的模式。强制付费墙是任何内容平台的常态，而订阅服务可能难以取消。社交网络一度被认为是无害的，但[它却宣扬有毒的声音](https://uxdesign.cc/the-twitter-x-dilemma-trust-as-a-finite-resource-in-ux-7f23660dafcd)，而不对其后果负责——从仇恨言论到阴谋论。当混乱爆发时，谁来承担责任？ 我们不能仅仅[*通过设计来摆脱*](https://www.kooslooijesteijn.net/blog/design-ethics-useless)我们在过去十年中创建的阴险的数字环境。请求 cookie 权限或警告潜在风险的模式不再阻止用户——我们已经超越了这一点。我们让我们的数字产品变得太方便了，而无处不在但难以理解的用户协议法律术语让人们对风险麻木了。 设计以及整个科技行业如何[实现其](https://uxdesign.cc/its-time-for-the-tech-industry-to-live-up-to-its-ideals-e305a71baeca)“改善人们的生活”的既定理想？我们应该关注渐进式改进还是关注与隐私、权利和包容性相关的系统性问题？ **↳ 这对设计师意味着什么** 我们将越来越多地听到我们所居住的数字空间对人类造成的后果，例如[孤独和抑郁](https://erinremblance.substack.com/p/we-are-not-supposed-to-live-like)。安全和隐私问题也将引起激烈争论，同时新兴技术给这些长期存在的挑战带来了新的复杂性。 **↳ 机会就在哪里** 虽然用户界面本身无法解决业务恶意行为，但设计人员可以将[设计问题重新定义为治理问题](https://www.doc.cc/articles/how-design-is-governance)，以解决组织内更深层次的系统性挑战。即使问题的根本原因超出了我们的控制范围，理解和沟通系统的不同部分如何影响问题本身也将为决策者带来清晰的思路。 **↳ 如何做好准备** 我们今年一直在讨论的问题——隐私、道德以及数字产品对人们生活的影响——是我们工作的核心问题。VR、AR等新的信息生态系统，以及[人工智能带来的产品海啸，](https://uxdesign.cc/a-product-tsunami-is-coming-42a6e08d0d00)要求设计师重新教育自己，永远领先一步，这样我们才能做出不伤害他人的产品决策。最好的准备方法是积极努力了解和教育我们周围发生的技术、司法和社会发展。 ## 没有人，设计就毫无意义 虽然事情看起来不确定，但作为一家每周都会策划与设计相关的内容并对行业有良好脉搏的出版物，我们不断受到来自设计界的创造力、韧性和批判性思维的启发。 我们想借此机会强调一些为我们在 2023 年带来新视角的想法和举措，我们将在 2024 年密切关注这些想法和举措：
- [Daley Wilhelm](https://uxdesign.cc/the-twitter-x-dilemma-trust-as-a-finite-resource-in-ux-7f23660dafcd?sk=a3e794af4085381cdea0d705cb192050)、[Slava Polonski](https://uxdesign.cc/your-team-needs-a-better-balance-between-starters-and-finishers-37047c8ad952?sk=a789cd6e8a85f06e8f20e90fd4e449ec)、[Rosie Hoggmascall](https://uxdesign.cc/3-lessons-from-bumbles-onboarding-f45f817f751f)、[Neel Dozome](https://uxdesign.cc/ray-bizarre-an-alternate-approach-to-typography-7c7523c9e8ed?sk=0acaa8720a0529d7f9a8c1955b1b24d2)、[Rei Inamoto](https://uxdesign.cc/the-cult-of-productivity-2c1b40abfba8)、[Meltem Kaso](https://uxdesign.cc/are-we-doing-ux-research-right-983bd68352d6?sk=33e3a3cfe8b9dc75c965101f9133e488)、[Michael McWatters](https://uxdesign.cc/theres-only-one-way-to-design-73f3f92fcf86?sk=dfeb0ad78de0bf39fb77b8a8053fb6a1)、[Pavel Samsonov](https://uxdesign.cc/as-a-user-i-dont-want-to-973990a30158)、[Darren Yeo](https://uxdesign.cc/the-dark-side-of-figmas-dev-mode-3337008c0f26)、[Elvis Hsiao](https://uxdesign.cc/hostile-design-how-can-urban-design-impact-social-inequality-d948d428292e?sk=f75b7d8b1fd58bff43fb925c0ef8581a)、[Sanna Rau](https://uxdesign.cc/most-good-designers-have-two-ears-and-only-one-mouth-a770d11d164?sk=fb7b327bd5b6207f5eb4ec6ece19361f)、[Todd Roeth](https://uxdesign.cc/when-you-start-to-doubt-yourself-design-from-the-inside-out-24d8b14ddafc)以及其他许多人的作品——我们 2023 年最稳定的作家，他们完全接受我们的编辑愿景，即推动行业在每一篇新文章中思考新的观点。 - [Pudding.Cool](https://pudding.cool/)始终提供信息丰富且具有启发性的数据可视化，这是一个编辑平台，通过视觉文章解释文化中争论的想法。 - [玛吉·阿普尔顿（Maggie Appleton）](https://maggieappleton.com/)关于编程、设计和人类学的视觉文章，将我们对技术和生成人工智能的思考推向了一个新的水平。 - [Vivianne Castillo 的](https://twitter.com/vcastillo630)思想领导力鼓励设计师思考工艺之外的工作其他方面——建设一个公平、包容、更加以人性为中心的未来。“吸气：我不仅仅是我所创造的。呼气：我的休息不需要道歉。” （[关联](https://twitter.com/vcastillo630/status/1720164571061584011)） - [《世界其他地区》](https://restofworld.org/)的高雅社论是一本全球性出版物，以西方用来指称“其他人”的术语命名，公司用它来将西方富裕国家以外的人和市场混为一谈。 - [Brad Frost](https://www.youtube.com/watch?v=PK_PICNTgAg)关于原子设计的终结的演讲以及他对我们作为世界设计师的角色的质疑。“我们物种正处于这个非常重要的转折点，我们必须举起镜子并真正问自己：我们在这里做什么？我们想创造什么？(...) 我们如何尊重地利用我们的时间？我们如何捕捉人类的潜力，而不只是第 25 次画同一个怪异的矩形？” - [Halli Thorleifsson](https://twitter.com/iamharaldur/status/1672118454697205760)在 Config 上发表了感人的演讲，内容涉及如何应对不确定性并在逆境中实现生活中的伟大成就。 - [Vitaly Friedman](https://smashingconf.com/)和他令人难以置信的团队在 SmashingConf 上所做的工作，SmashingConf 是我们近年来能够参加的最深思熟虑、组织良好、最热情的设计会议，是思想家和创客分享想法和相互学习的地方。 - 内容由[Rafael Frota](https://brasil.uxdesign.cc/)、[Daniel Furtado](https://www.youtube.com/@UXNOW)、[Fred Van Amstel](https://www.youtube.com/@usabilidoido/videos)、[Karina Tronkos](https://www.instagram.com/ninatalks/)、[Filipe Nzongo](https://medium.com/@filipesamuel)、[Hele Carmona](https://makersgonnamake.substack.com/)、[Kakau Fonseca](https://packlead.substack.com/)、[Karen Santos](https://www.instagram.com/karensantosperfil/)、[Andrei Gurgel](https://www.youtube.com/@uxlab)、[Amyris Fernandez](https://www.youtube.com/@AmyrisFernandez)、[Rafael Burity](https://www.youtube.com/@DesignTeamBr)、[Rodrigo Lemes](https://www.youtube.com/@DesignTeamBr)、[André Grilo](https://andregrilo.medium.com/)、[Lídia Cavalcante](https://lidiacavalcante.medium.com/)、[Sheylla Lima](https://www.instagram.com/sheylla_uxresearch/)创作，还有许多其他人——我们来自巴西用户体验社区的同行，与[某些人可能所说的](https://jakobnielsenphd.substack.com/p/ux-in-latin-america)相反，他们不断用葡萄牙语创建、发布和分享有关设计的原创内容。
我们将这个项目献给 UX Collective 的所有读者、作者和朋友。 编剧：[法布里西奥·特谢拉](http://linkedin.com/in/fabricioteixeira)、[卡约·布拉加](http://twitter.com/caioab) 插图作者：[Fabio Benê](http://www.instagram.com/fabiobene/) 编辑：艾米丽·科廷 讲述者：劳拉·范迪弗 出版者：The [UX Collective](http://uxdesign.cc/) (ISSN: 2766-5267) 是一份独立出版物，旨在帮助设计师更批判性地思考他们的工作。[您可以通过电子邮件](http://newsletter.uxdesign.cc/)、[Medium](http://uxdesign.cc/)、[Essays](https://essays.uxdesign.cc/home/)、[Twitter](http://twitter.com/uxdesigncc)、[Linkedin](https://www.linkedin.com/company/uxcollective)关注我们的内容。如需更深入的文章，请查看我们的新出版物[DOC](https://www.doc.cc/)。[ ](http://newsletter.uxdesign.cc/)[ ](http://uxdesign.cc/)[ ](https://essays.uxdesign.cc/home/)[ ](http://twitter.com/uxdesigncc)[ ](https://www.linkedin.com/company/uxcollective) via： [UX Collective](https://trends.uxdesign.cc/)
# 2024 年如何（真正）成为一名网页设计师 学习如何成为一名专业的网页设计师需要付出很大的努力，但成功的步骤并不像您想象的那么复杂。 当今网络上有数亿个活跃网站。如果没有大量优秀和才华横溢的网页设计师，许多网站将无法正常运行或看起来像现在这样。 事实上，网页设计师是网站创建和维护的核心。网页设计成为一个越来越受欢迎的领域是有道理的，它既能带来经济上的利润，又能带来创造性的回报。 另外，谁不喜欢学习新技能呢？无论您想成为一名网页设计师是为了好玩还是想彻底改变职业生涯，您都很幸运。网上有很多令人难以置信的提示、技巧和资源，可以帮助您快速开始成为拥有杀手级作品集的网页设计师的旅程。 你绝对不需要去昂贵的大学才能成为一名网页设计师。事实上，只要有足够的经验、努力工作和获得大量资源，几乎任何人都可以成为一名网页设计师。 将时间（有时是金钱）投入到正确的资源中非常重要。我们知道网络上充斥着大量信息，但并非所有信息都有用。与其他建议和网页设计资源相比，某些建议和网页设计资源可能较差。 这就是为什么我们为您的网页设计之旅提供了一些建议。 想成为一名网页设计师但不知道从哪里开始？请查看下面的指南。 ## 如何在 2024 年底前成为一名专业网页设计师 如果您遵循这些步骤，您将能够在一年内开始您作为专业网页设计师的职业生涯。请记住，成为一名网页设计师并不是一项无意义的任务。你需要学习很多东西，掌握你的利基，建立一个伟大的投资组合，并付出汗水。然而，从开始到结束您需要采取的实际步骤并不那么复杂。 ### 学习理论 在开始网页设计之前，首先了解[网页设计的基础](https://webflow.com/blog/web-design-courses)非常重要。 用户友好且适销对路的网站将遵循用户体验（UX）、协议和模式。用户体验基本上是用户在使用网站时寻找的普遍接受的标准列表，例如易于导航、宜人的颜色、可读的字体和移动设备友好性。 从一开始就考虑用户体验进行网页设计是明智之举，因为确实没有什么比用户体验更重要的了。它决定了网站的跳出率，从而决定了其整体成功和适销性。 随着网页设计行业的不断发展，您始终需要补充培训并更多地了解用户体验如何随趋势变化。随着文化和技术的变化，用户一年在用户体验中寻找的东西可能会在明年完全不同。当您继续您的网页设计之旅时，请记住这一点。这是一个持续的学习过程，一旦您找到了网页设计的工作就不会停止。 [《用户体验现状》](https://trends.uxdesign.cc/)是检查新用户体验趋势的重要资源。 ### 了解网络如何运作 如今，大多数在该行业工作的网页设计师至少都知道一种简单的编程语言。了解两个或更多可能会有所帮助。为了获得成功，您需要具备某种与网页设计相关的编程技能。 然而，像 Webflow 这样的平台是一个很好的替代方案，可以替代花费数年时间研究复杂且不断变化的编程语言。Webflow 允许设计人员构建包含 HTML、CSS 和 JavaScript 的自定义网站，而无需实际编写代码。 如果您仍然有兴趣学习如何编写代码，您可以找到大量的研讨会、课程、研讨会，甚至更多资源来学习作为网页设计师或开发人员的基本代码。一个受欢迎的课程是[Webflow 的终极网页设计课程](https://university.webflow.com/courses/ultimate-web-design-course)，尽管您可以通过 Webflow 平台轻松找到[大量其他网页设计课程。](https://webflow.com/blog/web-design-courses) ### 寻找合适的网页设计工具 为了在网页设计领域取得成功，您需要熟悉用于构建最佳网站的行业工具。如果您对当今最常用的工具有基本的了解，那么您成为专业网页设计师的成功机会就更大。 然而，网页设计世界很广阔，并非所有这些工具都是必需的。尽管如此，为了获得更全面的设计教育，它们仍然值得学习一些。 一些常见的工具包括：
- 网络流。Webflow 是一个平台，可以处理高保真原型的构建，同时创建实时网站。如果您对编码不太了解，Webflow 可以通过高度直观的拖放仪表板为您处理这一切。结果不仅仅是一个模型，而是一个完整且功能齐全的网站。 - Adobe XD。这种基于矢量的系统用于大量的网页设计用例，例如创建交互、过渡以及现代网站常见的其他视觉和动态元素。该平台可与 Photoshop 和 Illustrator 等其他 Adob​​e 工具完美配合。 - 图玛。这一一体化工具可帮助团队中的 UX 设计师和 Web 开发人员在基于浏览器的平台上协作处理项目。该平台的主要目标是网页设计，但它最受设计师团队欢迎，因为它使在同一项目上实时协作比以往任何时候都更加容易。 - 草图。对于非常注重用户体验的网页设计师来说，Sketch 是一个很棒的小工具。该平台提供了大量不同的功能，例如线框、原型设计和一些用户体验快捷方式。

**在网络上释放您的创造力** TIT工作室为您量身打造一个美观且实用的网站，清晰地展示业务、品牌风格与文化，提升公司企业形象。联系微信 sheshuiapp

### 了解平面设计 网页设计不仅仅是插入代码和记住用户体验趋势。它还很大程度上涉及图形设计。 平面设计和网页设计是非常不同的原则，但它们并不相互排斥。网页设计师必须具备图形设计知识才能在编写网站时解决数学问题。 当根据网站的用例、潜在受众和设计趋势确定最美观的网站设计选择时，图形设计也是必要的。 Photoshop 和 Illustrator 是尝试不同图形设计方法的绝佳程序。同样，您可以通过[Udemy 等平台的课程](https://www.udemy.com/course/graphic-design-theory-for-beginners-course/?utm_source=adwords&utm_medium=udemyads&utm_campaign=GraphicDesign_v.PROF_la.EN_cc.US_ti.6020&utm_content=deal4584&utm_term=_._ag_115479778221_._ad_502820277020_._kw_learn+graphic+design+online+free_._de_c_._dm__._pl__._ti_kwd-7872404384_._li_1013509_._pd__._&matchtype=e&gclid=CjwKCAjwy42FBhB2EiwAJY0yQgVkXdrWRWRva2Jrf6GV3KSWuI7cKNizUhiUJYVHr_lvuYzFrHlzfRoCH3AQAvD_BwE)学习许多图形设计的基础知识。 ### 了解如何制作网页设计模型原型 网站原型设计是网页设计的重要组成部分，也是从头开始创建网站过程的主要部分。 原型网站涉及各种模型，展示网站的潜在外观。原型将包括网站中涉及的 HTML 和其他代码，以提供网站本身更实用、更真实的演示。在某些情况下，网站原型可以只是最终产品的草图。 拥有原型设计技能是网页设计师成功的关键，因为它证明您了解为潜在客户提供最终产品的可视化想法的价值。在构建网页设计作品集时，能够进行原型设计也是一项宝贵的技能。 ### [创建投资组合](https://university.webflow.com/courses/21-day-portfolio-course) 大多数潜在客户和雇主不会关心您的学业或教育。许多人甚至不关心您在网页设计方面拥有的多年经验。相反，他们关心你的投资组合。 网页设计作品集本质上是您的数字文件，其中包含您的网页设计工作的示例。网页设计作品集可以包括完整的网页、过去的项目、原型、应用程序、模板、主题、屏幕截图等。这应该是您的网页设计冒险中有趣的部分，所以发挥创意吧！ 在您自己的网站上托管您的网页设计作品集是明智的，因为您知道，您是一名真正的网页设计师。我们建议您的网页设计组合在主题方面保持简单，这样您就可以真正正确地展示您的原型。如果您需要一些从哪里开始的提示，请查看 Webflow 的[设计作品集课程](https://university.webflow.com/courses/21-day-portfolio-course)。 ### 使用 Webflow 进行设计和构建 许多流行的内容管理系统可供网页设计师在构建网站时使用，本质上是网页设计师将时间花在其中的“工作室”。Webflow 是一个值得尝试的新的直观平台。 Webflow 是一种可以彻底改变网页设计师构建网站和学习网页设计的方式的平台。将 Webflow 视为您的基本平台 - 您可以在其中构建网站、试验原型、练习网页设计师的技能等等。 Webflow 使得使用可视元素而不是无形式代码从头开始构建自定义网站成为可能。您可以访问大量可以构建到项目中的 SEO 控件。从本质上讲，Webflow 是 Web 开发人员未来的 CMS。 您将能够更快地构建项目和网站，几乎不需要持续维护或需要多年的编码知识。使用 Webflow，原本需要三天才能完成的工作只需不到 24 小时即可完成！ ### 将您的作品放在各种市场上以获得被动收入 一旦你的作品集得到了加强，并且你对自己作为网页设计师的能力充满信心，那么可能就是时候开始寻找潜在的就业机会或出售你的技能的地方了。 [像Coded Market](https://coded.market/en/)这样的平台应该是您的第一站。市场很棒，因为如果您已经有 WordPress 模板或主题，您可以简单地在 Coded Market 上出售它们。这是作为自由网页设计师赚取被动收入的绝佳方式，而无需直接与任何人合作。潜在买家只需付费下载您的主题或模板并自行安装即可。 请记住，在市场上销售主题的网页设计师通常会提供终身或有限的支持。这意味着，如果有人购买了您的主题并在安装时遇到问题，您需要在那里提供安装支持。这将使您看起来更专业，并提高您作为网页设计师的整体声誉。 ### 搜索内部网页设计工作 如果您想彻底改变职业，但又不太喜欢[自由网页设计](https://webflow.com/blog/freelance-websites)，您可以选择在实际组织中担任内部网页设计师。如果您正在寻找高薪、福利和稳定性，这可能会很棒。 请记住，如果您专门为某个组织或公司工作，您将不会有那么多的创作自由。[您可以在Indeed](https://www.indeed.com/q-Web-Design-l-Tucson,-AZ-jobs.html)或[Flexjobs](https://www.flexjobs.com/jobs/web-design)等平台上轻松找到适合所有级别和技能的网页设计工作。 ## 开始网页设计之旅的其他提示 除了上面列出的步骤之外，这里还有一些额外的技巧，可以帮助您在网页设计领域取得成功并提高您的技能。 ### 了解有关 SEO 的更多信息 当要让网站在谷歌搜索页面上排名时，搜索引擎优化至关重要。SEO是最大限度地优化网站以使其排名尽可能高的过程。 网页设计师或多或少对此负有责任，因为搜索引擎优化功能通常内置于网站的核心基础中。了解 SEO 将帮助您成为更受欢迎的设计师，并增强您本已令人印象深刻的技能。 花一点时间研究网页设计中常见的 SEO 实践 - 简单的 Google 搜索将为您提供大量信息。如果您对 SEO 的工作原理一无所知，我们推荐您[阅读《SEO 初学者完整指南》 。](https://blog.bufferapp.com/beginners-guide-to-seo) ### 更好地沟通 网页设计似乎是内向者的梦想。看起来这似乎是一个充满孤独的夜晚的职业，迷失在代码中，几乎不需要与他人交流。然而，事实并非如此。 专业工作的网页设计师如果想在内部营销场景中与自由职业客户以及可能的同事良好合作，就需要进行有效的沟通。无论您的利基是什么，网页设计都不是一个人的表演。 因此，提高沟通技巧非常重要。您与潜在客户合作顺利吗？你能与其他网页设计师、平面设计师和其他专业人士良好合作吗？您能否接受上级的指示，并以有意义的方式将网页设计实践应用到这些指示上？请记住，有效的沟通可以成就一个项目，也可以毁掉一个项目。 ### [加入网页设计师的在线社区](https://titstudio.com/discuss/) 如果您喜欢网页设计，但不太喜欢长时间独自工作并与客户断断续续的沟通是多么孤独，请尝试加入在线社区。 加入网页设计师在线社区有很多好处。这是一个绝佳的社交场所，可以了解热门的用户体验趋势、了解其他人在做什么、获得灵感，甚至可以在这里或那里结交一些朋友。一些最受网页设计师欢迎的在线社区包括 SitePoint、[Designer News](http://www.designernews.co/)和 UX Mastery。 您还可以寻找由网页设计师在现实生活中进行的体育活动。Meetup 是一个很好的平台，可以帮助您寻找其他网页设计师并在本地结交一些您所在领域的朋友。 如果您想了解网页设计领域正在发生的事情，创建自己的 Twitter 帐户也不会有什么坏处。拥有 Twitter 帐户不仅有利于您的营销，而且您还可以使用它来关注网页设计领域的顶级人物，例如 Sara Soueidan 和 Neil Patel。 ### 寻找批评的机会 你应该不断努力改进你的工作。这是你进步的唯一方法！如果有专业人士或同行对你的新项目提出诚实和建设性的批评，这真的很有帮助。 如果您在网页设计领域没有同事，请不要担心。大量在线资源可以将您与其他网页设计师联系起来，例如 Reddit 的[r/web\_design](https://www.reddit.com/r/web_design/)和[r/design\_critiques](https://www.reddit.com/r/design_critiques/)。只需发布您的作品并寻求反馈即可。就这么简单！ # UI 设计的 58 条规则 正确的用户界面可以将应用程序从实用性提升到令人难忘的程度，从而区分一次参与的用户和一次又一次返回的用户。 旨在成为您 UI 设计之旅的终极路线图。无论您是希望更新方法的经验丰富的设计师，还是渴望学习诀窍的新手，这些规则都是为帮助您创建不仅具有视觉吸引力而且具有直观功能的界面而量身定制的。为了驾驭这个复杂的地形，我编制了 8 个类别的 58 条规则，共同形成了用户界面设计的“优雅公式”。
![优雅配方](https://miro.medium.com/v2/resize:fit:1000/1*4_6vwBNHH2aTWZ6qhrRSEQ.png)
🫀**同理心：**美没有普遍的概念；只有当你真正了解你的目标受众时，你才能创造出对他们有吸引力的设计。 🖼️**布局：**布局是界面的画布；它应该毫不费力地引导用户的眼睛，创建一个无缝的流程，直观地连接每个元素。 🎟**本质主义：**拥抱简单；设计中的每个元素都应该服务于一个目的，因为混乱会掩盖信息并阻碍用户体验。 🧭**指导：**设计不仅要赏心悦目，更要引导用户，为他们下一步应该做什么提供清晰的途径和线索。 💎**美学：**美学超越单纯的外观；它们概括了设计的感觉，创造了一个与用户产生情感共鸣的环境。 🛸**新颖性：**创新的设计吸引注意力，但真正的艺术在于平衡新颖性与熟悉性，确保用户感到好奇又舒适。 🎛**一致性：**设计的一致性会带来熟悉度；它确保用户在界面的各个部分都有宾至如归的感觉，从而建立信任和易用性。 🕹**参与度：**引人入胜的设计就像一次愉快的对话；它让用户保持兴趣，响应他们的行为，并鼓励他们回来获取更多信息。 # 文化和社会影响在塑造偏好和观念方面发挥着至关重要的作用 1.**考虑文化和社会影响：**考虑受众的不同文化和社会背景，以确保您的设计引起广泛和尊重的共鸣。 2.**了解行业和使用环境：**定制您的设计，以符合特定的行业规范和界面使用的实际环境。 3.**拥抱用户人口统计：**拥抱用户人口统计的多样性，结合对年龄、性别、职业和其他因素的洞察，打造更量身定制、更有效的界面。 4.**适应受众的技术精通程度：**自定义界面以适应目标受众的特定技术精通水平
![共情。 四个滑轮，每个滑轮代表文化、人口统计等的各种可能性](https://miro.medium.com/v2/resize:fit:1000/1*sUgMpsX2Z7wUWpNsQwx6ig.png)
尼尔森·诺曼集团针对不同人群的研究——强调了[年轻人独特的在线行为和期望、](https://www.nngroup.com/articles/young-adults-ux/)[老年人](https://www.nngroup.com/articles/usability-seniors-improvements/?lm=usability-for-senior-citizens&pt=article)不断发展的数字素养和特定的可用性需求，以及[儿童](https://www.nngroup.com/articles/childrens-websites-usability-issues/)独特且变化的设计要求——强调了同理心和用户体验的至关重要性。用户界面开发中的中心设计可以有效地迎合每个群体的独特特征和偏好。 # 精心规划的布局不仅仅是将元素放置在屏幕上；还包括将元素放置在屏幕上。它是关于创造一个视觉交响曲来引导、取悦和吸引用户 5.**拥抱**[**负空间**](https://uxplanet.org/negative-space-in-ui-design-tips-and-best-practices-98311cb2ad16)**：**明智地使用负空间来创建一个干净、整洁的界面，突出显示最重要的元素并提高可读性。 6.**使用**[**黄金比例**](https://www.interaction-design.org/literature/article/the-golden-ratio-principles-of-form-and-layout)**或**[**三分法则**](https://www.interaction-design.org/literature/article/the-rule-of-thirds-know-your-layout-sweet-spots)**：**在您的设计中融入黄金比例或三分法则，以实现自然平衡和美观的比例。 7.**建立清晰的尺寸、颜色和间距层次结构：**利用尺寸、颜色和间距的变化来创建视觉层次结构，引导用户的眼睛首先看到最重要的信息。 8.**利用**[**网格系统**](https://www.nngroup.com/articles/using-grids-in-interface-designs/)**：**实施网格系统为您的布局带来结构和一致性，确保元素的有凝聚力和和谐的排列。
![布局。 allset App截图](https://miro.medium.com/v2/resize:fit:1000/1*nlOIN0pn0ZYbiEWgphyiCg.png)
Allset 应用程序的欢迎屏幕巧妙地利用 Z 型布局来创造节奏，并将用户的注意力引导到“注册”或“登录”按钮。通过网格系统和充足的负空间，设计以清晰而不喧宾夺主的方式呈现多种选项，有效平衡信息展示与视觉轻松。
9.**创建清晰的**[**焦点**](https://www.smashingmagazine.com/2015/02/design-principles-dominance-focal-points-hierarchy/#:~:text=Focal%20points%20are%20areas%20of,element%20with%20the%20most%20dominance.)**：**在布局中指定清晰的焦点，以立即吸引注意力并引导用户与内容的交互。 10.**创造节奏来引导注意力：**采用有节奏的设计元素，例如重复图案或结构化布局，来创建视觉流，通过界面直观地引导用户的注意力。 此外，考虑利用[F 和 Z 图案布局](https://www.nngroup.com/articles/text-scanning-patterns-eyetracking/)来匹配用户的自然扫描习惯。在文本密集的界面中采用 F 模式，战略性地将关键信息放置在顶部和左侧。 # 简单就是终极的复杂 它是关于剥离非必要元素并专注于对用户真正重要的内容。 11.**通过**[**深思熟虑的减少**](http://lawsofsimplicity.com/los/law-1-reduce.html)**实现简单：**优先考虑内容和功能，删除任何非必要的内容。专注于核心功能，创建精简且更加用户友好的界面。 12.**组织使多系统看起来更少：**使用清晰的元素分类和分组。实施下拉菜单或选项卡来组织内容，使界面更整洁、更易于导航。 13.[**不要让用户思考**](https://sensible.com/dont-make-me-think/)**：**确保导航和任务流程符合逻辑且可预测。使用常见的 UI 元素并将它们放置在用户期望的位置，从而减少认知负担。 14.[**好的设计是尽可能少的设计**](https://www.yatzer.com/as-little-design-as-possible-dieter-rams)**：**采用极简主义方法，仅使用功能所需的元素。避免过度使用颜色、字体和图形，以保持界面干净、重点突出。
![特斯拉应用截图](https://miro.medium.com/v2/resize:fit:1000/1*9mI_xQuA2f4qdaMUUUmaeQ.png)
Tesla 应用程序的设计显然注重极简主义和持久的设计美学。这主要是通过减少组件和标签来实现的。该界面避免使用侵入式样式，而是采用汽车本身的数字表示作为主要视觉元素。
15.**将庞大的任务分解为更小的步骤：**将复杂的流程（例如表单或多步骤任务）设计成更小的部分。使用进度条或面包屑以直观方式指示用户的进度和剩余内容。 16.**节省时间感觉简单：**优化加载时间并简化流程，使交互更快。使用智能默认设置、自动完成功能和预测文本来加快用户输入和决策速度。 [**您可以在如何简化设计**](https://uxplanet.org/how-to-simplify-your-design-69d97fde11b9)中找到更多建议。 # 这不仅仅是引导用户从 A 点到 B 点；这是为了创造一个感觉自然、轻松且引人入胜的旅程 设计用户界面的艺术涉及引导用户直观、轻松地浏览数字景观。 17.[**精心设计吸引人的用户引导流程**](https://medium.com/user-experience-design-1/user-onboarding-practices-that-you-cannot-miss-dff86a5c966a)：首先设计一个吸引人的引导流程，从第一次交互开始就向用户介绍您的产品。有效的引导为用户的界面整体体验奠定了基础。 18.**确保直观的流程**：使用逻辑分步的流程开发界面，让用户感觉自然，只需最少的努力即可导航，从而增强他们的整体体验。 19.**提供**[**上下文提示和提示**](https://userpilot.com/blog/contextual-help/)：实现上下文帮助，例如在用户需要时出现的工具提示、弹出窗口或内嵌说明，帮助他们理解和使用界面。
![我们的感觉应用程序截图](https://miro.medium.com/v2/resize:fit:1000/1*zkmHRo654zv117_GwMyNhg.png)
“How We Feel”应用程序引人入胜的入门流程让用户能够立即掌握产品的价值。有用的提示和引导性建议是根据用户当前的感受量身定制的，从而增强了用户体验的控制感和直观性。
20.**实施**[**渐进式披露**](https://www.uxpin.com/studio/blog/what-is-progressive-disclosure/)：战略性地向用户披露信息，仅显示每一步所必需的内容。这种方法有助于保持界面简洁，并将用户的注意力集中在即时任务上。 21.**鼓励用户操作的设计**：使用按钮、图标和号召性用语等清晰的设计元素来引导用户进行所需的交互，确保这些元素突出且易于访问。 22.**为用户操作提供反馈：**创建一个为用户操作提供即时视觉或听觉反馈的系统，确认他们的交互并引导他们进入界面中的下一步。 # 巧妙应用的排版可以帮助您脱颖而出，增强可读性和审美吸引力 23.**建立**[**排版层次结构**](https://m3.material.io/styles/typography/applying-type)：使用不同的字体大小、粗细和样式创建清晰的层次结构，以引导用户首先关注最重要的内容。 24.**优先考虑可读性**：选择易于在各种设备和屏幕尺寸上阅读的字体。易读性应该是重中之重，尤其是对于正文。 25.**反映品牌情绪**：选择与您的品牌个性相符的字体。无论是专业的、俏皮的还是优雅的，排版都应该强化品牌的基调。
![耐克跑步应用程序截图](https://miro.medium.com/v2/resize:fit:1000/1*q2dPXReCkB-7oY1AGyD84Q.png)
Nike Run Club 应用程序巧妙地采用大胆的斜体字体作为其主要焦点，由于其与中性字体的少量使用，唤起了一种运动感和独特感，但又不至于让人不知所措。
26.[**明智地配对字体**](https://fonts.google.com/knowledge/choosing_type/pairing_typefaces)：组合多种字体时，确保它们相互补充。 27.**限制字体和样式变化**：太多的字体类型或样式可能会造成界面混乱和混乱。坚持使用有限的套装，以保持干净和有凝聚力的外观。 28.**调整**[**行距、字距和行高**](https://www.rocketspark.com/blog/post/344/how-to-use-line-height-and-letter-spacing-effectively-in-web-design/)：字母（字距）、单词和行之间的适当间距可提高可读性和文本流畅性。尝试不同的设置，找到最具视觉吸引力和可读性的格式。 # 正确的颜色选择可以显着改变用户对产品的感知和交互方式 29.**对比度是关键：**确保文本和背景之间有足够的对比度，以增强可读性和可访问性。 30.**创建和使用一致的调色板：**开发反映您的品牌标识的一致的调色板，并在整个界面上一致地使用它以保持视觉连贯性。 31.**使用**[**60–30–10 规则**](https://www.youtube.com/watch?v=UWwNIMHFdW4)**来平衡颜色**： — 60% 主色、30% 辅助色和 10% 强调色，以创建视觉上和谐的界面。
![大师班截图](https://miro.medium.com/v2/resize:fit:1000/1*ohxD1K33NcXYqCityXfSng.png)
MasterClass 应用程序是 60-30-10 规则在设计中应用的典范，展示了如何有效利用这一原则来增强用户界面的美观性和功能性。
32.**了解色彩心理学和**[**文化意义**](https://informationisbeautiful.net/visualizations/colours-in-cultures/)：考虑不同的颜色如何在不同的文化中唤起不同的情感和意义。根据受众定制颜色选择可以增强用户体验并避免文化失误。 33.**使用语义颜色传达状态：**使用颜色直观地传达状态，例如红色表示错误或绿色表示成功，以帮助用户快速理解系统反馈。 34.**使用颜色来引导操作**：策略性地利用颜色来突出显示关键操作，例如按钮或链接，引导用户对重要交互的注意力。 # UI 设计中有效的视觉内容可增强用户参与度和情感联系 35.**优先考虑内容而不是过多的 UI 样式**：专注于通过视觉效果传递内容，而不用过多的 UI 装饰来压倒用户。让视觉效果说明一切。 36.[**有目的的图像和插图**](https://m1.material.io/style/imagery.html#imagery-best-practices)：使用为您的内容增添意义的图像和插图。避免使用通用的库存照片；选择定制或精心挑选的图像来反映品牌的身份和信息。 37.**保持文本简洁明了**：用清晰简洁的文本补充视觉效果。避免长段落，选择要点或简短描述来增强视觉信息。
![他的应用程序截图](https://miro.medium.com/v2/resize:fit:1000/1*BnKw8u3ZbIB1JZKRzKvbIw.png)
Hims 应用程序以内容优先的方式脱颖而出，最大限度地减少了对复杂 UI 样式的依赖。它采用高质量的视觉效果，包括精心策划的照片和短视频，与应用程序的情绪和风格一致，有助于打造一个有凝聚力且用户友好的界面。
38.**微交互和令人愉快的动画**：结合微妙的动画和微交互，在不偏离主要内容的情况下增强用户参与度。 39.**使用视频进行动态讲故事**：使用视频内容来动态地讲故事或解释复杂的概念。视频在传达静态图像难以表达的信息方面尤其有效。 40.**结合高质量的产品镜头或渲染**：对于电子商务和基于产品的界面，使用高质量的产品照片或 3D 渲染。详细且有吸引力的产品视觉效果可以显着提高用户兴趣和销量。 # 创新或独特的界面将创造难忘的体验，从而提高用户满意度。 41.**力求原创性和独特性：**创建以原创概念和独特元素脱颖而出的 UI 设计，使您的产品在拥挤的市场中脱颖而出。 42.**利用最新技术：**及时了解新兴技术，并考虑如何将它们纳入您的设计中以提供尖端体验。 43.**成为**[**最先进的，但可接受的**](https://uxdesign.cc/10-design-principles-every-designer-should-know-a03e12f8deca)**：**突破创新的界限，但确保您的设计保持用户友好且易于目标受众访问。
![公民应用程序截图](https://miro.medium.com/v2/resize:fit:1000/1*ESjp3zLkbbWijlje-9UJtw.png)
公民的个人安全网络使用户能够保护自己和社区。它对个人代理概念的集成既创新又用户友好，为体验提供了新颖而合乎逻辑的增强。
44.[**从其他行业获取灵感**](https://hbr.org/2014/11/sometimes-the-best-ideas-come-from-outside-your-industry)**：**超越UI设计领域寻找灵感，从艺术、建筑、自然等中汲取创意。 45.**意识到最新趋势，但不要盲目跟随：**随时了解当前的设计趋势，但明智地使用它们，以确保您的设计保持其独特的身份。 46.**确保新颖性增强用户体验而不是使其复杂化：**新颖性应该始终服务于一个目的，增强整体用户体验而不增加不必要的复杂性。 # 一致性会产生熟悉感并有助于建立信任和信心 47.[**开发全面的设计系统**](https://www.invisionapp.com/inside-design/guide-to-design-systems/)**：**设计系统充当所有设计元素的单一事实来源，确保 UI 各个方面的一致性。 48.**限制设计模式：**使用一组一致的设计模式可以简化用户的交互模型，使界面更加可预测且用户友好。 49.**确保元素行为的可预测性：**界面元素应该在整个应用程序中表现一致，以便用户知道他们的交互会发生什么。
![健康应用截图](https://miro.medium.com/v2/resize:fit:1000/1*w9g4mRDUwYSLBu2w2uywmA.png)
Apple Health 应用程序是各种设备上一致的用户体验的典范。其广泛的组件和模板库确保新功能和更新可以无缝集成，保持易用性和一致性。
50.**使用标准化模板：**对于常见的页面类型，标准化模板提供一致的结构，有助于用户导航和内容理解。 51.**保持跨设备一致性：**跨不同设备和平台的一致 UI 可以增强用户体验，使界面更加平易近人、易于访问。 52.**标准化内容指南：**内容呈现中一致的语气、风格和格式有助于在整个界面上保持连贯的叙述。 # 创造更加身临其境的娱乐用户体验 53.[**引入游戏化元素**](https://www.interaction-design.org/literature/topics/gamification)**：**结合积分、徽章和排行榜等游戏机制来激励用户并鼓励互动。 54.**个性化和定制：**为用户提供定制体验的能力。个性化可以增加界面与个人用户的相关性，从而提高参与度。 55.**利用**[**讲故事的**](https://www.interaction-design.org/literature/topics/storytelling#:~:text=Storytelling%20in%20UX%20provides%20context,users'%20minds%20by%20composing%20tales.)**技巧：**在用户界面中嵌入叙事元素，以创造更引人注目、更令人难忘的用户体验。讲故事可以以引人入胜的方式引导用户浏览界面。
![绽放应用程序截图](https://miro.medium.com/v2/resize:fit:1000/1*kRZebjmrE14BjcgLrcvXrA.png)
Bloom 应用程序有效地结合了游戏化和教育成分，以帮助投资者保持参与并做出明智的投资决策。一个例子是提供随机礼物股票，这是一种可变奖励，可以在用户中创造一种喜悦和惊喜的感觉。
56.**直观地显示进度：**使用进度条等视觉指示器向用户展示他们的成就和进度。这可以增加动力和成就感。 57.**纳入**[**可变的奖励**](https://userpilot.com/blog/variable-rewards/#:~:text=will%20find%20valuable.-,What%20are%20variable%20rewards%3F,%2C%20focus%2C%20and%20repeated%20action.)**机制：**实施惊喜和快乐的元素，例如意想不到的奖励或奖金，以保持用户的参与度和好奇心。 58.**整合社交功能：**包括社交整合功能，例如分享成就或与朋友竞争，以培养社区意识并鼓励持续参与。 via: https://uxdesign.cc/58-rules-for-stunning-and-effective-user-interface-design-ea4b93f931f6 # Dieter Rams 的“优秀设计”十项原则 - **好的设计是创新的** - **好的设计使产品有用** - **好的设计是美观的** - **好的设计帮助我们理解产品** - **好的设计是低调的 好的** - **设计是诚实的 好的** - **设计是持久的** - **好的设计是最后一个细节的结果** - **好的设计关注的是产品的设计环境** - **好的设计就是尽可能少的设计** Dieter Rams’ ten principles to “good design” via [https://www.yatzer.com/as-little-design-as-possible-dieter-rams](https://www.yatzer.com/as-little-design-as-possible-dieter-rams) > **Good design is innovative > Good design makes a product useful > Good design is aesthetic > Good design helps us to understand a product > Good design is unobtrusive > Good design is honest > Good design is long-lasting > Good design is consequent to the last detail > Good design is concerned with the environment > Good design is as little design as possible**