老外的我的网站原来是这样设计的：17个最佳范例给你灵感

做家写书，歌手出唱片，人们选择各类方式呈现最佳的本身。对于UI/UX设计师而言，我想，一个设计精美的我的网站，必定会是一种至关不错的方式。不管你是想要展现本身的设计做品，仍是分享本身的设计经验和理念，仍是吸引互动增长灵感，仍是渴望得到一份更好的工做，一个能充分展现你设计才能的我的网站，必定可以让人更好的了解你，而且记住你。

在加入Mockplus 团队以后，我开始真正接触设计，为了获得更多的设计灵感，持续搜集了一些国外优秀设计师的我的网站。这些网站呈现不一样风格，而且具备不一样的价值，是设计师自我展现的自由呈现。一般来说，我的网站的类别包含如下几种：

1. 简历型我的网站 - 优化传统简历，更好的呈现本身的做品和技能，找到更好的工做；

2. 做品展现型我的网站 - 相似于Dribbble和Behance等平台，设计师展现我的做品，但我的网站主动性和功能性更强       更丰富；

3. Blog风格的我的网站 - 设计师分享本身的设计理念和想法，交换信息，吸引粉丝和关注；

4. 我的品牌推广型我的网站 - 认识和了解设计师的最佳门户；

5. Online shop型的我的网站 - 此类我的网站会有商业用途；

以及其余。

一般，设计师的我的网站具备一种或多种用途，好比blog和做品集的结合，简历和做品的结合，一下的17个范例中，我将标注每一个我的网站的类型，你们能够根据须要好好研究。但愿能对您的我的网站设计带来灵感。

1) Devon Stank

适用类型：简历，做品集，博客

简单明了的首屏，黑色背景色先高雅稳重；

Stank的设计技能和他的个性完美融合，呈现给人一个清晰的设计师形象；

博客的设计是亮点。

 

 

 

2)Gary Sheng

适用类型：简历

典型的简历型我的网站，与标准的简历文档不一样，Sheng的网站包含各种可点击的连接和按钮，从而更好的呈现他的软件工程和网页开发技能。想要摒弃传统纸质简历开拓创新的设计师朋友们，必定不容错过。

 

 

 

3)JESSDESIGNTAN

适用类型：简历，做品集

做品集展现和设计理念的完美看结合，“提供创意设计解决方案来解决业务问题是我最擅长的。”

配色选取网页安全色蓝色。

首屏文本排版的对比和层次符合网页文本排版规范。

UI色彩采用经典蓝白。

 

 

 

4)Thalida

适用类型：简历

这是一位高级软件工程师的我的网站。

用黄色亮点和绿色laingdian点缀单一文字，颇有创意，像在屏幕上涂鸦。

色彩对比鲜明活泼。

页面一分为二，左侧欢迎界面固定，右侧可滚动查看做品已经工做经历，动静结合。

 

 

 

5)Nik Papic

适用类型：简历

Nik Papic是Nik.org的设计师，开发人员。

单一暖色调背景色，网站看上去至关干净，协调。

Story-telling 的方式讲述工做经历。

 

 

 

6)Miss thrifty

适用类型：博客

Miss Thrift是英国最受欢迎的博客之一，这个博客的伟大之处在于品牌的对话风格和真正的人物的参与。

创始人是觉得怀孕母亲。

 

 

 

7)Osvaldas

适用类型：博客，做品集，商业

Osvaldas Valutis是一位网页设计师。他自2003年以来一直在作网站。他的我的网站设计，包括一个博客，网上商店和  他的做品。配色方案很好，柔软，浅绿色感受像大天然。

 

 

 

8)Coffee Table

适用类型：博客

这个我的网站像是设计师Tobias Reich的咖啡品鉴杂志。布局灵活，页面精美。不少人在这里订购和品尝咖啡。是个很是成功的商业性我的网站。

 

 

 

9)Jasmine Star

适用类型：博客，商业

这是关于品牌和营销的热门博客，旨在帮助创意企业家构建梦想的业务。该博客的创始人是一个品牌营销策略师，  目前取得了巨大成功。

 

 

 

10)Everywhereist

适用类型：博客

这是一个旅游主题的博客，访问者不只能够轻松访问博客内部，还能够经过连接轻松探索博客之外的部分。

配色温暖，中性的，没有过多的杂乱。

记录关于旅行过程当中的故事。

 

 

 

11)Brett

适用类型：做品集，我的品牌

Brett是一位专门从事创做软件产品的设计师，开发人员和创意总监。

首屏是白纸黑字的纯文本介绍；

下拉会有一个精彩的视频，包含了其精彩的设计做品；

首屏和页末风格对比鲜明。

 

 

 

12)Vtcreative

适用类型：做品集，我的品牌

Vincent Tantardini是法国UI / UX设计师。

单页的我的网站，风格简洁。

所有为黑白色系搭配，但动态元素的加入有所点缀，不显沉闷。

 

 

 

13)Matinux

适用类型：博客，做品集，简历

Matin是加拿大的UX设计师。他喜欢在每一个主题上都有各类各样的展现；

绿色背景，显得柔和；

动画推入介绍做品和经历，具备互动性。

 

 

 

14)Dave Gamache

适用类型：我的品牌

Dave Gamache是以前Twitter＆Medium的设计师。

色彩对比强烈但很和谐；

单页我的网站；

Call to actiona连接到各类不一样的媒体平台。

 

 

 

15)Sacha Greif

适用类型：我的品牌，博客，做品集

Sacha Greif是一名设计师，开发人员和企业家。目前住在日本的大阪。

他的欢迎语是Say hello, or keep scrolling。 入股选择say hello，能够经过邮箱界面; 滚动页面会看到他各个板块，使 用不一样的配色方案来展现做品，工做经历，成就，技能。

很是具备动感和互动性。

 

 

 

16)Nicole Saidy

适用类型：我的推广

Singe Page网站具备可爱的移动背景效果和Behance Feed做为他的做品集的展现部分。

别具一格的是设置有课程。

博客也是不错的展现。

 

 

 

17)Fifty Coffees

适用类型：博客

这个我的网站记录了做者的一系列咖啡会议。

特别之处在于不适用简单的文字，而是使用摄影和视觉效果来帮助告诉她漫长的故事。

 

 

 

但愿这些优秀的设计案例能给你带来全新的灵感。现在，由于各类各样的website builder，好比强大的Wordpress，还有Wix，stringkly等等，每每不须要花费过多的精力就能够本身建立，甚至不用一行代码，就连UI也有付费和免费的主题能够一键搞定。可是若是想要拥有独一无二的我的网站，设计师只有去真正的进行创做和设计。

你须要好的设计灵感，一点一点打造，这里推荐您使用国内最好的原型设计工具Mockplus 进行初步构思，把界面和元素进行整合排版，而且搭建相应的交互。最大的优势是你能够在网页进行HTML演示，在线查看您的构思是否合理，设计是否美观，这对后期的设计和开发都将大有裨益。