邮箱订阅

订阅即可免费获取优质的设计资讯!

邮箱订阅

感谢你的支持!

分享到微信朋友圈:

Close

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

热门文章

Mockplus是什么?

Mockplus,更快更简单的原型设计工具。快速创建原型,一键拖拽创建交互,团队协作省事省力。微软、华为、东软、育碧、Oracle、西门子、IBM等全球知名企业和全球300多所高校都在用,你也可以免费开始你的设计!

了解更多

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

Trista 2017-11-10 13:17:32 阅读:2687

一个设计精美的个人网站,一定会是一种相当不错的方式。无论你是想要展示自己的设计作品,还是分享自己的设计经验和理念,还是吸引互动增加灵感,还是渴望获得一份更好的工作,一个能充分展示你设计才能的个人网站,一定能够让人更好的了解你,并且记住你。

作家写书,歌手出唱片,人们选择各种方式呈现最佳的自己。对于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演示,在线查看您的构思是否合理,设计是否美观,这对后期的设计和开发都将大有裨益。




扫描二维码,关注 “摹客” 微信公众号。

原型工具难上手、速度慢?试试Mockplus!

_____

Mockplus,更快更简单的原型设计工具。快速创建原型,一键拖拽创建交互,团队协作省事省力。微软、华为、东软、育碧、Oracle、西门子、IBM等全球知名企业和全球300多所高校都在用,你也可以免费开始你的设计!

免费下载
logo

咨询客服

帮助群:748169314 加入QQ群

服务邮箱:service@jongde.com

咨询客服

在线客服

置顶