摹客
产品
下载
现今，一份有特色，美观且优秀的在线作品集，同简历一样，对UX设计师或自由工作者们能否找到一份满意的工作或吸引到更多的潜在用户，发挥着重要的作用。但是，作为没太多经验的设计师或或刚入行新手，设计并创建一份详尽完善且吸引眼球的在线作品集并不容易，对吧? 所以，为了帮助大家解决这方面的问题，这里收集了10个优秀的UX设计师在线作品集，供大家欣赏和学习，希望能对你有所帮助：
1. Bret Victor
1). 设计师：Bret Vector
2). 作品集亮点
*独特的老电影主题
设计师设计本作品集时，添加了很多的电影元素，比如带有细微刮痕的褐色老电影背景，如电影胶片般的的图片边框等等，旨在给网站来访者一种观看老电影般娓娓道来的体验。赋予作品集个性的同时，也更具吸引力，能够让来访者在网站上停留更长的时间。
*每个部分内容丰富详尽
设计师也为作品集的每个部分添加了丰富且详尽的内容，在展现其UX设计技能的同时，也能让阅读者们更加了解设计师本人。
*添加了一个非常有趣的“艺术/乐趣/其它”模块
与网络上可搜索到的标准个人作品集模板不同，设计师特别为其作品集添加了一个非常有趣的“艺术/乐趣/其它”模块，逗趣读者的同时，也能让他们拥有更好的阅览体验。
3). 学习点
*选择一个吸引眼球的主题
因此，在设计完成你的个人作品集时，也可以适当选择并添加一个特别的主题，给来阅览网站的面试官或客户留下深刻的印象。
*添加一些额外的有趣信息，让面试官或客户更了解作为设计师的你
当然，适当的添加一些积极的有趣信息，也能使作品集本身更具可读性。
1). 设计师：Gregor Kalfas (UX设计师)
2). 作品集亮点
*一份具有手绘风格的优秀作品集
设计师设计作品集时，添加许多的手绘元素，例如手绘纸图样的背景，手绘标题，字体以及图片等等。而这些元素对于长期从事或参与UX设计的面试官，客户或设计师来说，是非常熟悉的，在吸引他们关注网站的同时，也能迅速的拉近距离，留下深刻印象。
*作品集设计结合了UX设计的特点
UX设计过程中，为尽快迭代产品想法，提出更优质的设计方案，设计师或产品经理常常会手绘各种产品软件草图或制作产品应用交互原型，来测试其想法的可行性。而本作品集设计师抓住这一UX设计的特点，添加了相关的手绘元素和原型交互效果， 让整个作品集更像是一个编辑完善的动态网页原型，而不是通过编码实现的在线网站（虽然它的确是编码而成的在线网站）。而这一点本身就很有特色。
*添加了Q&A的模块，丰富了作品集内容
为丰富作品集内容，网站在“设计师故事”模块，添加了Q&A的部分，解答关于设计师的相关问题，也让读者更加了解设计师。
3). 学习点
*结合UX设计特点优化作品集设计
在你的作品集之中，也可尽量结合一些UX设计的元素或特点。例如，添加一些设计草图图片，图标，字体或直接选择一些原型主题之类。
1). 设计师：Gregor Kalfas (UX设计师)
2). 作品集亮点
*作品集界面简单整洁
无论是个人介绍部分，设计项目展示部分，以及联系信息部分，设计师都尽量做到简单整洁。 这也使整个作品集更易读，且便于来访者更多的集中于网站所列举的具体设计项目信息。
*作品集添加了一个独特清晰的线性地图
设计师特别添加了一个独特清晰的线性地图，来展示他的UX设计经历。非常直观新颖。
3). 学习点
*添加线性地图或树状结构，简洁形象地介绍相关信息
在你的作品集设计之中，也可适当的添加一些线性地图或树状结构，简单直观的介绍相关信息。
*简单整洁的网页界面也可以出彩
设计师作品集没有特定的风格和模式，简单整洁的网页界面设计也可以出彩。
4. John Ellison
1). 设计师：John Ellison (产品设计师)
2). 作品集亮点
*作品集添加了有趣的个人视频
作品集网站首页优先添加了有趣的个人小视频。对设计师本人相关信息和工作进行介绍的同时，也激起了网站访问者对设计师本人的兴趣，激励他们继续阅读下去。这种采用短小视频吸引访问者停留阅读的方式也是值得效仿的。
*分类罗列作品，增强网站可读性
视频过后，设计师针对自己的优秀设计作品进行了分类罗列，一方面使网站更加整洁，内容更加清晰的同时，又能增强网站内容可读性。
3). 学习点
*添加各式小视频，增加网站趣味性
1). 设计师：Abdrew Doherty (产品经理)
2). 作品集亮点
*作品集简单直观
不同于一般个人作品集，通过添加或堆积图片，设计案例和相关设计模块来吸引读者，这个作品集更像是一份个人简历。只添加了一张设计师图片和几行相关的描述， 简单直观。
*包含所有必要作品集因素
尽管所罗列的内容很简单，但作品集也包含了所有必要的因素，例如设计师个人介绍，设计师作品及文章，联系方式等等。那么设计师是怎么做到的呢？答案很简单。给描述中的必要关键词添加上链接即可。链接总是能很有效的拓展网站功能和内容。
3). 学习点
*作品集也可以简洁且内容丰富
*适当链接一些关键词拓展网站内容
1). 设计师：Eva Lotta Lamn (UX 设计师)
2). 作品集亮点
*作品集简单却不平凡
尽管点入作品集网站之后，映入眼帘的只有几句关于设计师的简单介绍，但你仍然可以通过点击添加了链接的红色关键词，浏览设计师网页和界面设计，草图以及所撰写的设计书籍之类相关作品。
*采用了漂亮的插画风
设计师设计作品集网站时，整体采用了插画风。在网站中加入了各种黑白卡通动物插画。而且，每次点击进入网站，都会显现不一样的卡通插画，例如雨中玩耍的猫咪，从上坠下的蜘蛛，以及调皮的章鱼等等，非常可爱有趣。
*充分利用侧边栏拓展作品集内容
为了使整个网站内容不会太过简单，设计师充分利用侧边栏添加了更多的内容模块。点击即可查看详情，简单方便。
3). 学习点
*利用插画美化作品集
在设计你的作品集时，也可以利用多样的插画美化网页。
*利用侧边栏丰富作品集内容
1). 设计师：Kristian Tumangan (UX设计师)
2). 作品集亮点
*作品集展示了优秀的手机端应用UX设计作品
设计师挑选并展示了多个手机端应用UX设计作品，而其中几个非常不错。
*展示了各种视觉设计作品
作为一个专注于UX和视觉设计的多学科设计师，Kristian 还另外展示了一些很优秀的视觉设计作品。这也会是吸引访问者的一个亮点。
3). 学习点
*正确选择和添加优秀的设计作品
即使只是设计新手或毫无设计经验的毕业生，在完成个人作品集时，也要学会取舍，尽量挑选和添加一些更优秀的UX设计作品。展示的设计越优秀，获得面试的机会才会更大，不是吗？何乐而不为了呢！
8. Nan Wang
1). 设计师：Nan Wang (UX/产品设计师)
2). 作品集亮点
*作品集采用了特色的中国水墨画风格
设计师设计作品集时，统一采用特色的中国水墨画风格。添加了一系列的水墨风图标，字体和图像，美观形象。
*作品集添加了动画，更生动形象
一般而言，相较于静态的图片，动态的图片或视频更容易引起读者的注意。因此，设计师在实际设计其作品集时，适当的添加了一些动图，例如动态的背景图，以便吸引网站访问者的注意。
3). 学习点
*设计一个统一的作品集风格
*为作品集添加生动直观的动图或视频
1). 设计师：UX设计办公室
2). 作品集亮点
*作品集侧重展示了其各种UX设计作品
作品集主页上并未提供专门的模块介绍设计师具体情况，而是花费大量篇幅介绍了其独具特色的产品设计作品。如此，更有利于吸引一些看重设计师能力，希望更多查看设计师真实作品的网站访问者。
而且，由于该作品集更多的将重心放在展示UX设计作品上面，每个具体的作品也适当的添加了详尽的细节描述，例如设计迭代过程，参与设计师情况，用户研究情况以及设计结果与反响等等，方便面试官或客户更加全面的了解设计案例详情。
3). 学习点
*必要的时候侧重强调作品集的某一个部分或方面
10. Edmund Yu
1). 设计师：Edmund Yu (UX设计师)
2). 作品集亮点
*作品集采用图片联播的方式展示设计师的作品和技能
作为拥有12年UX设计经验的设计师，相较于逐个罗列冗杂的各类真实设计案例，Edmund Yu 选择了更加简单有效的方式展示其设计技能，即添加了联播的各类案例图片，更加详尽直观。
*通过罗列收录设计师作品的网站和文章，侧面证明了设计的能力
除了提供一些优秀设计作品的图片展示，设计师还专门设置了“Mention”模块，罗列收录其作品的各种网站和文章，侧面证明其设计技能，更加高效具体。
3). 学习点
*图片册展示也可以使设计师作品展示更加简单直观
*提供一些侧面证明展示你的设计能力
总结：
以上就是所有为大家搜集的10个优秀UX设计师在线作品集网站。尽管它们可能并没有做到各方面都绝对完美，但有些实例的设计理念，也是非常新颖有趣，值得你在设计个人作品集的过程中加以运用和尝试。总之，希望这些优秀实例能真正的给你带来灵感。
你可能也会喜欢：
摹客，支持Sketch/PS/XD/Axure设计稿交付、自动标注切图、全流程协作。助力设计师和产品团队高效工作！
立即体验：https://app.mockplus.cn/app
摹客协作
摹客RP
摹客DT
摹客超级版