UI设计作品集怎么呈现比较好？- 校招VIP

转载声明：文章来源https://www.zhihu.com/question/34643750

无论你是一个从零开始的UI新手，还是一个曾经学习过UI专业的学生，都需要为你现有的作品集注入新的活力。

今天，我找来了6个优秀的 UI 设计作品集，希望它们可以成为你的灵感来源，里面包含很多关键要点，好好学习并掌握它们，可以帮助你把现在的作品集从“还可以”转变为“引人注目”。

如果还想询问其他专业的作品集，可以后台私信或者戳下方哦～

UI设计作品集的要点！

UI作品集不仅仅是把你最得意的设计作品整齐地排列起来，这还是一个展示你的设计思路、你的设计决策和你的创意天赋的好机会。

UI 设计作品集应该具有个性、实用性和信息多样化的完美平衡，确保每个作品都美观且易于理解。归根结底，作品集就是讲故事：你是谁，你的设计激情在哪里，你遵循什么设计原则？

根据以上的要点，让我们看看这6位出色 UI 设计师的作品集，以及我们可以从他们身上学到什么。

1. 创意大胆

关键点：每个作品集都应该是一个真正展示你创意才能的机会，所以不要因为他的无聊而让审查官错过它。

例如，使用大胆的配色可以使作品集更具吸引力而不会分散注意力！

https://samsmall.design/

samsmall.design/

当登陆Sam Small的作品集主页时，你立刻就能感觉到他对UI设计充满热情，他的作品集中包括：web design, branding and identity, environmental graphics和advertising，丰富的内容展示了他的多才多艺。

在用一句简短而诱人的标题勾起人们对他的兴趣之后——接着下拉就看到了他的设计项目。Sam 的作品集拥有干净明亮的色彩，可谓是一场视觉盛宴。

蓝色渐变的背景随着鼠标的移动可以产生变化，增添了俏皮的活力。当鼠标放置于项目上时，都能看到项目的名称、涉猎领域，是一个很好的导览方式。

在每个作品的前半部分，Sam都提供了项目的初步总结，清楚地说明了他在项目中扮演的角色，合作者以及完成时间。

对于一些可能没有很多时间观看完整作品集的审查官来说，提供清晰的信息至关重要。

总结来看，每个 UI 设计作品集都需要的一件事就是个性——而 Sam 的作品集充满了个性。

使用具有魅力的语句来吸引观看者，是他们想更多地了解你和你的作品，但又不让他们过多注意次要信息，学会让作品变得简短和有趣。

2. 增加博客

关键点：在作品集中增加博客，可以提升作品集的维度，让审查官更了解你。

新加坡 UI 设计师 Bady 的作品集一针见血。无需任何多余的点击离开主页，只需快速向下滚动即可看到他的项目概览、项目经验总结以及他的主要客户列表。

这意味着在几分钟内，我们就可以掌握有关UI设计师Bady的一切信息。

不过，Bady作品集的真正魔力在于他的细节展现。在每个项目中，他都会展示完成设计思维过程的每个阶段，从框架问题，一直到反馈阶段，这些通过高质量的图像与恰到好处的信息展现给大家。

甚至包括还概述了他调色板风格的选择因素，这为我们提供了另一个了解他的设计想法的窗口。

Bady 作品集的另一个很棒的功能是博客。通过博客，Bady记录了他的进步和对设计的充满热情。正是这样的细节使Bady的作品集脱颖而出。

Bady 的作品集证明，为作品的设计思维过程提供越多的视觉效果越好。不要只是将自己局限于图像和文本，草图、线框、样式指南、流程图和博客等都能把作品集从优秀提升到卓越。

3. 大面积颜色

关键点：大胆的颜色和白色空间的搭配将使你的布局清新、有趣、令人兴奋。

当我们进入 Tom Parkes 作品集主页时，可以感觉到他与其他人的与众不同。使用视差滚动使主页内容栩栩如生。

在他的“First and Foremost ”项目中，Tom巧妙地利用空白空间来分解内容和图像。他选择大胆、有影响力的颜色，并使用小面积的信息来支撑他的设计。有趣的GIF图片揭示了我们从静止图像中看不到的设计效果。

Bady的作品集告诉我们，不要害怕新的尝试，大胆做出选择。不管是用恐龙图案代表一个安全网站，还是大面积亮色的使用，只要你能证明你的决定是正确的，就没有理由不做一点实验！

4. 质量胜过数量

关键点：展示五个令人惊叹的设计项目比展示 20 个低于标准的项目更好。质量总是胜过数量。

UX设计师Stefan的网站是作品集中的完美例子。它从一个简短但有影响力的“关于我”部分开始，然后带我们踏上他项目的发现之旅。

他的网站上能看到很多趣味性的设计，例如在主页上，鼠标移动到项目上时，光标就会变成项目的名称。

虽然他没有展示大量的设计项目，但他所选择的项目都是经过深思熟虑的。在文本上，Stefan 通过瞩目的标题和精炼的文字，把字数限制的尽可能少，留出更多的空间让他的 UI 设计来说话。

另一个引人注目的特点是他对排版和颜色的处理方法，Stefan 非常清楚地了解颜色和排版趋势，并且通过这种方式展现了出来。

所以，通过网页的响应效果展示你对设计趋势的解读能力，不仅可以在一开始就令人印象深刻，还可以为审查官节省浏览一个作品的时间。

5. 视觉动画效果

产品设计师Bradley Haynes的作品集证明了讲好一个故事的力量。代替传统主页，Bradley直截了当首页展示了他为旅游巨头 Lonely Planet 设计的项目。作品中图像的使用非常引人注目，空白处设计使用互补色和文字更是完美地勾勒出图像，像瀑布一样流动。

Bradley 的作品集证明主页并不总是必要的。这里没有任何关于他是谁或他来自哪里的介绍，当人们别无选择时，就会通过更加仔细的观看设计来了解她。

6. 细节很重要！

关键点：初学者并不意味着任何细节上的不周到

前面都是一些优秀设计师的作品集，那初学者能做出好的作品集吗？Sinem Kurt给了我们答案。

Sinem的网站是传统的上方导航栏，但是在她的页面无需费力挖掘就能找到需要的内容：案例研究概述、推荐信和自我介绍的部分，这些都能重点强调她的个人价值观。

如果做不到华丽的响应效果，那么简单明了的页面绝对不是减分项。

在设计的详细介绍中，Sinem 详细介绍了竞争对手分析、访谈、调查和用户角色。从确定项目最终目标的概述开始，所有这些都以结构化且易于观看的方式进行布局。

当然，她的视觉效果也很清晰的展示了从构思到完成的旅程。

与 Sinem 一样，考虑审查官可能会向你询问有关此项目的哪些问题，以及可能遗漏的问题。清晰的展现设计流程是成功的第一步。

平时多多去分析优秀的作品集，从中找出能够借鉴学习的地方是提升自身能力的好办法，希望大家都能学以致用，创作出优秀的作品集。

如果你对交互设计出国留学感兴趣，或者对于作品集制作还是存在问题，可以后台私信或者戳下方哦～

戳我添加橘长助理，解锁更多交互设计院校申请情况及作品集制作小窍门