2025 年 6 月，法国设计师 Pierre Patrault 出品“lgm/”网页设计项目。该作品以 Web UI/UX、品牌识别、落地页面为设计主轴，旨在通过最简结构与视觉语言，打造清晰直观的线上品牌窗口。

本项设计秉持“少即是多”的原则：简洁的版式结构、统一的视觉元素与留白设计，让每一个视觉焦点都直指品牌核心；用户在浏览中自然而然地获得信息层级，引发情感共鸣。

项目由 Pierre Patrault 主导创意设计与用户界面；Teddy Vermeulin 负责开发落地页面，并与品牌与视频代理 Advitam 合作完成整体传播支持。三者协作默契，将创意、技术与品牌传播融为一体。

“lgm/”的发布，不仅是一次视觉尝试，更是一次品牌线上表达的新实践：精准、高效、富有引导性的设计语言，助力品牌与用户间建立清晰、信任与温度兼备的数字连接。
创意理念
“基于简洁现代的视觉语言，lgm/ 项目以极简主义为核心，将品牌形象与用户体验无缝融合，致力于在首屏即传达品牌精髓，赋予每一次交互以直观引导。”

3. 设计与体验亮点

结构清晰：落地页布局明晰、信息层级分明，让用户轻松抓住核心内容。

极致简约：利用充足留白、统一调性、统一视觉元素，降低视觉干扰，提升品牌沟通效率。

交互细节（若有）：如鼠标悬停动画、滚动触发效果等，可写出“精致微互动增强用户参与感”。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。我们建立了一个微信群，每天分享国内外优秀的设计，有兴趣请加入一起学习成长，咨询及进群请加蓝小助微信ben_lanlan。

每个设计师都有自己独特的设计呈现方式。根据项目的不同，设计师会使用不同的方式展示他们的设计。Clickdummy 原型是展示屏幕流程最常用的方式，方便简洁。通常情况下，设计师会以“编号+标题”的格式为所有屏幕命名，并通过导出结果中 JPG 文件的顺序来表达屏幕之间关系的逻辑。

我很高兴能使用像 Invision App 这样的工具来理清我的设计。然而，ClickDummy 原型在构建大型复杂的软件项目和功能性应用程序时并不理想。有时，我们会将屏幕放在 Sketch 文件中的不同页面中，以使结构更清晰，但却失去了整体的视觉效果。当你向项目经理、客户和开发人员展示你的设计时，你会发现这个过程效率低下。

按 Enter 键或单击即可查看完整尺寸的图像

我们需要一个高效、流畅的流程来优化演示和交接。我的经验是线框图和UI的流程。这是一种非常新颖的方式，但效果很好。

我们知道 Behance 和 Dribbble 上有很多精美的线框和 UI 流程。其实很多设计师也在做同样的事情。我在上海MINGLabs工作的时候，我的法国设计师同事 Lucas 教给我一个方法，它不仅易于理解，而且美观高效，可以作为交接的 UI 呈现流程。后来，这个方法在我的远程自由职业中得到了运用，并不断改进。这对降低沟通成本非常有帮助。

为什么我更喜欢线框和 UI 设计流程？

1. 帮助设计师巩固他们的想法
2. 显示屏幕之间关系的逻辑
3. 使与客户的沟通更加轻松，呈现的内容更加清晰可见
4. 使与开发者的沟通更加便捷，降低沟通成本。
5. 有利于与其他设计师合作

按 Enter 键或单击即可查看完整尺寸的图像

我如何制作流程？

当然，我的应用和网站都是用 Sketch 设计的。我建议从第一个线框图开始设计流程。之后再设计主页和两三个辅助页面。

步骤1

您可以创建一个新的画板。画板大小要足够大，能够覆盖所有屏幕。这样做的目的是为了更容易添加线条和注释，也方便在最后时刻导出完整流程图的概览。不过，现在没必要添加屏幕数量。等您心中有了概览之后，再添加也不迟。

按 Enter 键或单击即可查看完整尺寸的图像

步骤2

流程包括 5 个组件：

1. 屏幕
2. 画面名称，格式为“ 数字＋字母+标题”或者“ 数字+标题”
3. 动作和位置（红点）
4. 线
5. 笔记

按 Enter 键或单击即可查看完整尺寸的图像

步骤3

流程的结构是从左到右组织的。页面位置越靠右，层级就越低。我的习惯是把首页之类的第一页放在左侧。设计流程如下：

按 Enter 键或单击即可查看完整尺寸的图像

按 Enter 键或单击即可查看完整尺寸的图像

问题

线框和 UI 流程改善了沟通。但它并不完美，实际上有时甚至有点令人毛骨悚然。

1. 每次增加屏幕，数字就会乱。我的命名方法可以避免这种混乱，但不是最佳方法。
2. 一旦移动了屏幕，连接的线就必须重新绘制。
3. 导出的概览 pdf 无法显示每个屏幕的名称。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。我们建立了一个微信群，每天分享国内外优秀的设计，有兴趣请加入一起学习成长，咨询及进群请加蓝小助微信ben_lanlan。

基本原则
清晰、简洁、一致、可操作暗示以及隐喻（可供性）、反馈、容错、高效、易记忆易学习。

1. 清晰
内容、结构、界面效果都是清晰可见的，加强情感的修饰，注意只使用文字与排版来表达页面，以字体、字号、颜色、版式，精妙动画效果来增加界面的精致性与设计不够。尽量避免平滑、阴影。
2. 简洁
为了用户聚焦，限制明确页面唯一的或者最重要的目标性，不让用户让焦钛的选择感。
3.一致性
界面元素的标准控件化：问题使用系统交互元素，以及界面和用户之间对话风格的统一：标准文本风格、口吻、语气、统一话术。
4.可操作暗示隐以及喻意
让用户看到这个就是可以交互的，按钮要像按钮，与文本内容以及其他界面元素有所区别。另外可增加操作引导，在操作时给予引导，而不是独有的一股脑引发引导。隐喻本可以单独做一个原则，但这里与可操作暗示大约类似，隐喻指的是虚拟界面可以做到让用户经验类似的喻，确实是现实物理世界的隐喻还是虚拟数字世界。让用户无成本迁移感。5
. 反馈
任何操作都要给予可感知的操作反馈，当点击或者其他时，被操作交互的要素要给予短暂的强调，另外通过动画给予进度提示，
6.容错与安全感
降低用户犯错成本，做到高危操作可恢复。应用应该通过使用熟悉的、可预见的交互元素，确认重要的操作、可回溯的取消手段等方式，来让用户觉得自己处于被保护的状态中。此外还有防错原则，采用本质的安全设计方式（固有）安全），比如表单未完成按钮不可用...
7.高效
两个方面，用户高效使用的性以及高效开发的性，要关注网页技术新功能，快速迭代那些优秀且通用改装的新功能。
8.易学习易记忆
这是最后一条，在做到前面的原则之后，这条应该是取缔的，但是由于技术性平台的特殊性，涉及专业性技术术语等等的东西，所以对于一些非技术人员或者不太懂行的技术人员，需要提供提醒文档嵌入，方便用户学习。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。我们建立了一个微信群，每天分享国内外优秀的设计，有兴趣请加入一起学习成长，咨询及进群请加蓝小助微信ben_lanlan。

1. 项目背景 & 设计目标

• 项目名称与内容：这是为 ComplyControl——一个专注金融领域的前沿 AI 合规模块（具备实时监控、智能检测与欺诈发现功能）的品牌形象与网站界面设计项目 Behance+1。

• 完成时间与平台：发布于 2025 年 6 月 4 日，整合品牌设计、网站 UI/UX 及用户界面，使用 Figma 与 Webflow 等工具进行创作与实现 Behance。

2. 品牌视觉识别（Brand Identity）

• 标志设计：图中展示了简洁现代的标志（logo），结构紧凑且具识别度，呈现强烈的科技感与专业感 。

• 配色策略：项目运用了对比鲜明的暖色（如橙红）与冷色（蓝色），辅以深色底调，强化视觉冲击力，同时展现了兼具活力与稳重的品牌气质 。

• 字体风格：在字体展示中可见清晰可读的无衬线体，搭配简洁的数字表现，进一步传达专业且现代的品牌语言 。

3. 界面设计（UI/UX & Website）

• 移动界面布局：图中呈现了移动设备上的 UI 布局，包括导航菜单与交互按钮，采用扁平化设计，按钮与图标配色清晰，对焦用户操作体验 。

• 数据可视化：图表或百分比数据显示以清晰简练的方式呈现关键指标（如 95%、40% 等），辅助用户快速理解核心内容 。

• 整体风格语言：整体风格简洁、科技感强烈，布局逻辑清晰，强调功能与信息可视化，有助于金融产品的信息传递与可信感建立。

4. 工具与创作流程

• 设计工具：项目中使用了 Figma 进行界面与原型设计，利用 Webflow 实现响应式网页开发与交互效果。同时还运用 After Effects、Photoshop 以丰富视觉表现与动画效果 。

• 多方协同：项目由 Embacy Design 领衔，联合多位设计师及机构参与，展现了团队协作的深度与创意整合能力 。

总体评价与亮点

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。我们建立了一个微信群，每天分享国内外优秀的设计，有兴趣请加入一起学习成长，咨询及进群请加蓝小助微信ben_lanlan。

当美好的愿望遭遇现实

作为 Pennylane 的高级设计运营专家，我以为我们已经破解了设计文档的密码。我们基于 Notion 的系统全面、条理清晰，理论上堪称完美。

按 Enter 键或单击即可查看完整尺寸的图像

在我的文章《设计文档：一致性和协作性 UI 开发的关键支柱》中，我倡导基于 Notion 的方法作为设计系统文档的黄金标准。回顾过去，那篇文章展现了我对文档的热情，但它也揭示了我对文档实际使用人员应该是什么样子的盲点。

在我原本以为只是例行检查设计和工程团队时，我突然意识到了这一点。结果，我听到的不是成功的故事，而是令人不安的事实：我们精心制作的文档，对于最需要它的人来说，基本上是隐形的。

一位前端工程师承认： “我通常只是尝试自己解决问题，这比在多个平台上搜索要快得多。”

“当我找到正确的文档时，我可能已经构建了该组件的三个版本，”另一位用户分享道。

这并不是我们团队能力的失败，而是我们的方法未能适应人们的实际工作方式。

改变一切的研究

之前，先简单介绍一下背景。设计师为空状态组件编写的文档是这样的：

按 Enter 键或单击即可查看完整尺寸的图像

工程师需要的技术文档是什么样的：

按 Enter 键或单击即可查看完整尺寸的图像

我没有为现有的文档辩护，而是决定倾听。几周来，我对设计和工程领域的20名团队成员进行了深入访谈。访谈结果清晰地展现了以下几个摩擦点：

来自设计师：

• 在截止日期的压力下，跨平台维护文档成为次要任务
• 后期反馈循环与工程团队产生了紧张关系
• 设计意图与技术实现之间的差距似乎难以逾越

来自工程师：

• 文档与编码环境脱节
• Figma 设计与实现的组件之间的视觉不一致造成了混乱
• 大量的文字解释无法与直接探索代码的即时性相媲美
• 多个事实来源导致决策瘫痪

根本原因是，我们创建了一个满足组织需求但忽略了用户自然工作流程的文档系统。

将文档重新想象为一种生活工具

解决方案不是编写更好的文档，而是从根本上重新思考文档是什么。

我们不需要要求团队适应我们的系统，如果我们的系统适应他们呢？

愿景：将文档从静态参考转变为决策制定过程中的动态、视觉伴侣。

我们的新理念：展示，而不是讲述

1. 我们注重视觉优先的沟通，而非描述组件的外观，而是结合上下文进行展示。现在，每个组件都包含其默认状态、主要变体以及实际应用，一目了然。
2. 工作流集成文档现已集成到 Figma 中，这是我们设计师日常使用的工具。无需再切换上下文，也无需跨平台搜索。
3. 信息披露采用渐进式分层结构：重要细节预先呈现，必要时提供更深入的背景信息。团队可以根据自身情况灵活参与。

新的文档架构

组件标题

干净、简约、专注于基本要素、组件名称、实时代码的直接链接和完成状态。

按 Enter 键或单击即可查看完整尺寸的图像

视觉规格

以最纯净的形式显示的组件，其变体被清晰地标记，并由复杂分子的分离资产层支持。

按 Enter 键或单击即可查看完整尺寸的图像

情境指导

工艺技巧、行为文档和使用指南以视觉方式与交互式示例一起呈现。

按 Enter 键或单击即可查看完整尺寸的图像

按照这里显示的顺序我们有：

1. 内容指南链接，由我们的 UXW 作家创建并托管在 Notion 上
2. 一些关于工艺技能的“技巧”，以促进持续改进并帮助团队采用先进的技术
3. 对于具有水平滚动模式的表格，我们有尺寸指南和通用行为。此元素也可以在创建表格时用作模板
4. 使用不同的颜色标记来表示与每条线的交互
5. 调整列大小功能已记录为可在应用程序上实时使用

注意事项

一些多功能组件需要“注意事项”部分来说明使用它们的限制和最佳实践。

按 Enter 键或单击即可查看完整尺寸的图像

应用内示例

模板展示实际用例中的组件，弥合孤立组件和完整用户体验之间的差距。

按 Enter 键或单击即可查看完整尺寸的图像

最终结果

完整、全面的文档，一目了然，没有不必要的文本或过时的信息。

按 Enter 键或单击即可查看完整尺寸的图像

结果

反馈具有变革性：

“终于有符合我语言的文档了，”一位设计师分享道。 “我不用离开 Figma 就能看到我需要的一切。”

一位前端工程师表示： “这些可视化示例让我省去了与设计团队反复沟通的时间。我可以立即看到预期的行为。”

但真正的成功标准并非赞誉，而是使用率。我们的新文档正在被积极地查阅、在设计评审中被引用，并在工程讨论中被引用。它已经成为我们工作流程中不可或缺的一部分，而非事后才想到的。

建立在成功的基础上

这次旅程让我明白，优秀的文档就是在人们所在的地方与他们会面并支持他们自然的工作方式。

我们的下一个挑战是将这些相同的原则应用到我们的 UI 工具包平台，确保我们以工程为中心的工具像我们的设计文档一样直观且工作流程集成。

教训

这次转型最重要的启示在于人性。我们的利益相关者并不抗拒文档，他们抗拒的是那些无法满足他们需求的文档。

通过从同理心出发，进行真正的研究，并围绕实际工作流程而不是理论理想设计我们的文档系统，我们创造了一些不仅仅存在的东西：它蓬勃发展。

对其他设计团队的启示：你的文档的好坏取决于它的采用程度。在写下任何文字之前，先问问你的用户他们真正需要什么。答案可能会让你大吃一惊，并激发你彻底重新思考如何分享设计知识。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。我们建立了一个微信群，每天分享国内外优秀的设计，有兴趣请加入一起学习成长，咨询及进群请加蓝小助微信ben_lanlan。

从《沙丘》UI概念设计看游戏界面经验

前几天在 Behance 上刷到一个《DUNE｜Personal Work》的 UI 概念项目，整体完成度很高。作为设计师，我觉得这类作品不仅是视觉享受，也能总结出一些值得借鉴的经验点。这里就结合其中的阵营选择界面和整体展示，整理一些观察和思考。

1. 版式与结构：焦点与对称

这类「阵营选择」场景，本质上是一个决策界面。作者采用了很经典的结构：

• 中央突出：当前选中的阵营（走私者）放在正中间，卡片更大、更亮，带有金色光晕。

• 对称排布：左右阵营呈对称分布，层级自然清晰，符合玩家的浏览动线。

• 信息分区：上半部分是角色立绘和阵营徽记，下半部分是机制说明和操作提示。模块分明，不容易迷失。

经验点：在决策型界面中，居中放大+光效高亮，是非常直接有效的焦点策略。

2. 视觉语言：氛围与辨识

《沙丘》的世界观强调沙漠、贵族与荒凉感，UI 也延续了这一氛围：

• 材质：背景有金属与沙尘质感，带来厚重感。

• 色彩：每个阵营配有主色（绿色、棕色、蓝色、金色、红色），既强化辨识，又有“品牌”味道。

• 徽记：几何化的阵营符号，简洁且容易记忆。

经验点：大型世界观游戏的 UI，最好在颜色、图形符号和氛围感上形成自洽体系。

3. 信息呈现：符号化与层次感

在阵营说明区，信息拆解得很合理：

• 优缺点：红色 V 表示劣势，绿色 ▲ 表示优势。非常直观，不需要额外解释。

• 叙事与机制结合：不仅给数值效果，还加了剧情描述（例如与弗瑞曼的冲突），让选择更有代入感。

经验点：把理性信息（数值）和感性信息（剧情）结合，能让玩家在选择时既动脑又动情。

4. 交互与引导：清晰的操作提示

底部的操作提示很细致：

• A 选择 / B 详情 / X 故事，分别对应不同层级的操作需求。

• 玩家既可以直接做决定，也可以深入剧情，满足不同类型的用户。

经验点：关键节点上提供“浅 → 深”不同层级的操作选项，能兼顾快进型玩家和沉浸型玩家。

5. 作品展示方式：完整体验

Behance 项目整体除了界面，还展示了：

• 不同场景的 UI（例如主菜单、HUD、资源界面）。

• 色彩与符号系统，确保整体一致性。

• 工具说明（Photoshop / Midjourney / 后期合成），透明展示流程。

经验点：在作品集展示中，不仅要秀界面，还要展示系统性思考和设计过程。

总结

这份《DUNE》个人 UI 概念作品给我的几点启发：

1. 决策型界面要突出焦点，用对称和光效增强层级。

2. 色彩与符号体系是阵营/角色类 UI 的关键资产。

3. 信息既要数值化，又要叙事化，提升代入感。

4. 操作引导要考虑不同层级的玩家。

5. 作品集展示不仅是炫图，还要有系统设计思路。

如果你正在做游戏 UI 或作品集，这些经验都值得借鉴。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。我们建立了一个微信群，每天分享国内外优秀的设计，有兴趣请加入一起学习成长，咨询及进群请加蓝小助微信ben_lanlan。

适用对象

本指南非常适合：

• 年轻的 UI/UX 设计师正在寻求进入该行业。
• 希望进入设计领域的职业转换者（例如开发人员或营销人员）。
• 想要实践设计技能并提高专业水平的专业人士。

没有经验？没问题。

您所需要的只是好奇心、学习兴趣和额外的奉献精神。

为什么 UI/UX 设计是一个很好的职业选择

按 Enter 键或单击即可查看完整尺寸的图像

工作需求和机会

UI/UX 设计正在蓬勃发展，数据也印证了这一点。美国劳工统计局预测，从 2021 年到 2031 年，数字设计专业的需求将增长 15%，领先于其他行业。

从 IT 公司到医疗保健初创企业，每个行业都需要设计师设计清晰且具有视觉吸引力的产品。

无论您想成为 UI 设计师、UX 研究员还是产品设计师，您跨工作和跨领域合作的机会都是无与伦比的。

另外，远程工作怎么样？这是此字段的默认设置。

技能优势

您可以通过字体和调色板发挥您的创造力，解决用户流程方面的挑战，并精通原型设计等技术技能。

结果如何？一份有趣又令人满意的工作。根据 Glassdoor 的数据，UX 设计师的全球平均薪资在 8 万至 12 万美元之间，顶级职位的薪资甚至更高。

智能布局生成器等人工智能解决方案旨在提高生产力，而不是取代人类的技能。

用户体验的影响

UI/UX 设计除了赚钱之外，还旨在让人们的生活更轻松。

想象一下您上次在线购买披萨或预订机票的情况。

良好的用户体验让这些任务变得毫不费力，而糟糕的用户体验会让你对着屏幕尖叫。

作为一名设计师，你将通过构建既简洁又鼓舞人心的数字体验来应对现实世界的问题。这种影响力会让你欣喜地说：“这是我设计的。”

第 1 个月：奠定基础，培养核心技能

了解基础知识

第一个月的主要任务是奠定坚实的基础。

首先，区分 UI（视觉界面，例如按钮、颜色和布局）和 UX（整体体验，例如易用性和满意度）。

我花了数周时间平滑按钮的渐变，却发现用户根本找不到它，这真是太惨了。

需要重点关注的关键技能：

• 基本设计原则：了解排版、色彩理论、网格和布局。这些是任何优秀设计的基本组成部分。
• 以用户为中心的设计：培养思考用户需求的实践能力。他们是谁？什么会让人感到沮丧？设计一些小型的用户画像进行实践。
• 线框图和原型设计：开始采用低保真线框图（应用程序屏幕的草图）来规划用户流程。

资源：

• 在 YouTube 上观看简短的 YouTube 视频来掌握基础知识。
• 阅读唐纳德·诺曼的《设计心理学》，它将彻底改变我们理解设计“为什么”的方式。
• 去lawsofux.com看看那些紧凑原理，比如希克定律和菲茨定律。（你可能不信，但我有时还是会去看看这个网站，我想你应该知道这没什么问题。）
• 为了使学习更容易，尝试玩Method.ac或It's Centered That等交互式设计游戏。

专业提示：不妨从日常事物入手，比如你的咖啡机、银行应用程序或自动售货机。“为什么要这样设计？”“还有什么更好的选择？”这种态度可以提升设计师的创造力。

第二个月：培养真正的技能

按 Enter 键或单击即可查看完整尺寸的图像

学习设计工具和实践

现在是时候动手实践了。第二个月的重点是学习工具并将其应用于实际场景。

设计软件一开始可能看起来很吓人，但是一旦你掌握了它的感觉，它就像骑自行车一样简单（而且膝盖不会擦伤）。

练习，练习，再练习：

• 重新设计现有的应用程序或网站：选择一个热门应用程序（例如你最喜欢的外卖服务），并使用第一个月的设计理念来改进其界面。重点在于提升价值和外观。
• 建立作品集：使用这些重新设计的作品集来创建一个简单的作品集。即使只有一个完成的项目也是一个好的开始。
• 关键技能：响应式设计（适用于移动设备和桌面的设计）、用户流（通过创建用户旅程）以及使用 Figma 或 Framer 进行高保真原型设计的技能。

资源：

• 在 YouTube 上观看免费的 Figma 教程（尝试DesignCourse或Flux Academy等频道）。
• 加入每日 UI 挑战 (dailyui.co)获取简短的设计提示。

我的第一次重新设计是为一个复杂的电商网站做的。我花了几个小时修改按钮的颜色，结果发现结账流程简直像个迷宫。那时我才意识到，吸引人的设计固然好，但真正能让你被雇佣的，是解决用户问题。

第三个月：建立投资组合和应对现实挑战

按 Enter 键或单击即可查看完整尺寸的图像

你已经进入最后冲刺阶段了！第三个月，你将用实际项目证明你的技能，并打造一个让你眼前一亮的作品集，让你“快来雇佣我！”

正是在这里，我从“我认为我能做到”转变为“我是一名 UI/UX 设计师”。

与他人合作：

• 从事真正的项目，例如重新设计本地企业的网站或为 GitHub 上的开源项目做出贡献。
• 从设计社区获取反馈，例如Instagram、X、LinkedIn、Dribbble、Behance和Reddit 的 r/userexperience。在我职业生涯的早期，一位导师的诚实评价（“你的字体选择太疯狂了”）拯救了我的作品集，使其免于受损。

投资组合开发：

• 在流畅的网络作品集上展示 2-3 件您最出色的作品（Notion 或 Webflow，或Framer（我个人使用）是免费选项）。
• 为每个项目撰写案例研究，解释你的流程：调研、构思、测试和迭代。这能向公司表明你是一位思考者，而不仅仅是一个像素推手。
• 关键技能：学习用户测试（让朋友尝试您的想法并记录任何问题）、修改（根据反馈进行改进）和演示（练习有效地表达您的工作）。

资源：

• Behance 的热门设计师作品集可能会给你带来启发。
• Medium 上的 UX 设计社区提供免费的案例研究模板。

使用 AI 驱动的 Figma 插件（例如智能布局工具和调色板生成器）提升您的工作效率。就像拥有一个永不休眠的设计助手。

我建议您开始在工作流程中使用 AI，这样您的工作速度就可以比其他设计师快 10 倍！

关键习惯

按 Enter 键或单击即可查看完整尺寸的图像

养成日常观察的习惯。分析实体和数字事物，例如健身追踪器、新闻应用和餐厅菜单。

可用性怎么样？为什么是这个颜色？如何改进？

这可以帮助您像设计师一样思考，并且您很快就会发现用户体验（和解决方案）的问题随处可见。

专家建议和专业提示

• 建立人脉网，就像你的职业生涯全靠它一样。我的第一份自由职业工作来自一次偶然的机会，当时我紧张地递上了我的作品集。在领英和Instagram上直接联系你尊敬的设计师。
• 坚持是关键。即使每天只花30分钟学习新事物，或者读一读尼尔·埃亚尔的《Hooked》，也能带来显著的变化。
• 接受反馈：反馈虽然令人难受，但却是改进的最快途径。我曾经因为一些评论删除了一个完整的项目，但这次返工让我赢得了一位客户。

雇主希望设计师能够加快结账流程或提高客户参与度，而不仅仅是让事情变得有趣。

最后的想法

成为一名 UI/UX 设计师只需要策略和奉献精神，而不是设计学位或多年的经验。

在三个月内，您可以通过了解基础知识、创建真实世界的项目并自信地展示您的工作，从初学者进步到可以投入工作的水平。

现在迈出第一步：选择一个应用程序，重新设计一个屏幕，并与好友分享，并且不要忘记在社交媒体上分享它以获得反馈。

设计行业正在寻找您独特的见解。

感觉受到启发了吗？关注我的 Instagram (@rehan.designs)，获取每日见解、作品集点评以及我的设计幕后花絮。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。我们建立了一个微信群，每天分享国内外优秀的设计，有兴趣请加入一起学习成长，咨询及进群请加蓝小助微信ben_lanlan。