25个最佳的个人网页设计案例资源满足你的灵感

个人网站是展示UI / UX设计师设计作品的最佳方式。以下是个人网站的25个最佳设计实例,来满足您的设计灵感。 展示UX / UX设计师工作的个人风格最佳方式是 […]

2018年8月8日

个人网站是展示UI / UX设计师设计作品的最佳方式。以下是个人网站的25个最佳设计实例,来满足您的设计灵感。

展示UX / UX设计师工作的个人风格最佳方式是什么?我猜个人网站可能是第一选择。实际上,个人网站提供的远不止这些。通常,根据特征和目的,个人网站可以分为主要的几种类型。如果您仍然渴望从个人网站设计灵感,请继续读下去。

个人网站的主要类型:

  1. 简历 – 寻找工作。
  2. 博客 – 分享设计灵感,与他人沟通。
  3. 作品集 – 类似于Dribbble或Behance的网站,展示设计师的作品。
  4. 个人品牌 – 了解,成名并获得更多机会。
  5. 网上商店 – 商业。
  6. 图库 – 设计师的作品集或文章、样稿。

事实上,个人网站呈现出多种不同的设计风格和功能。例如,作品集,博客还有工作经验。有些是风格简洁的一页,有些则使用明亮鲜艳的色彩。无论如何,希望你喜欢这25个人网站的设计实例。

1.简历风格的个人网站设计

1) Devon Stank

你可以在这里看到:个人简历,作品集,博客。

它展示了Devon做的一个干净利落的欢迎界面。视频很有吸引力,并且恰到好处地展示了他的技巧和工作经验。通过这个博客和作品集,他的网站可以给访客留下美好的印象。

2) Gary Sheng

你可以看到:简历,作品集和个人品牌

这是一个典型的简历个人网站。“嗨,我是Gary Sheng”。 在欢迎界面上,你会看到一个男孩和你打招呼。会让人感到很好很温暖。有很多漂亮的标识和可点击的链接显示了他的设计和开发技巧,并带领访客进入一个更加精彩的世界,提供详细的信息。检查,然后将你的简历文件留下。

3) JESSDESIGNTAN

你可以看到:简历,作品集。

简单的个人网站使用蓝色作为背景,白色的字,并展示了简洁的欢迎界面。这种颜色在UI设计中是个非常明智的选择。你可以看到他的技能,如JavaScript,CSS,Java和PHP,以及经验和好的教育组织。就像他所认为的那样,“提供创意设计方案去解决商业问题是我最擅长的。”

4) Thalida

你可以在这里看到:简历,个人品牌

Thalida是一名高级软件工程师。而且她是一个奇怪的特立尼达裔的美国同性恋女性。在欢迎页面上,她将页面一分为二,左边是静态,而右边部分可以向下滚动,以查看她的教育信息,项目和工作经验。她使用了黄色来突出显示单词引起浏览人的注意。

5) Nik Papic

你能在这里看到:个人简历

Nik.org是同名线上主页Nik Papic 的设计师,开发者,永久企业家和有抱负的学者。这是在他欢迎页面上的简明描述。非常干净,使用一个背景颜色是好看的。此外,我个人喜欢这个字体。

2.类似博客的个人网站设计

1) Miss thrifty

你可以在这里看到:博客

Miss Thrifty是英国最著名的省钱博客之一。Miss Thrifty用省钱,节俭的小贴士和文章瞄准年轻的妈妈。场庞大,并且她可以满足这类信息的需求。年轻的妈妈并没有完全流动的现金。他们可能不得不放弃更多的工作,依靠一份工资,所以他们的日常生活必须更加节俭。

2) Osvaldas

你可以在这里看到:博客,作品集,网上商店

Osvaldas Valutis是立陶宛克莱佩达的网页设计师。 他自2003年以来一直在制作网站。他是“在代码中思考的网页设计师”的典范,解决了设计问题并实施了技术解决方案。他的个人网站设计包括博客,网上商店和他的工作。促进和展示他的作品的神奇混合。配色方案美观柔软,浅绿色感觉像大自然。

3) Coffee Table

你可以在这里看到:博客

这是一个精心策划的个人主页,是设计师Tobias Reich设计的的咖啡品尝日记。非常喜欢这种智能布局和漂亮的触感,包括各部分之间的咖啡的实际情况。此外,我们可以在家里订购和品尝的咖啡的精选集合。

4) Jasmine Star

我们可以看到:博客,个人品牌

Jasmine Star是一个关于品牌和营销的热门博客,旨在帮助创意企业家建立他们梦想的事业。该博客的创始人Jasmine Star是一位品牌营销策略师,他希望帮助人们创造有利可图的业务,从而为他们的生活带来真正的改变。

5) Everywhereist

你可以在这里看到:博客、广告

这是一个以旅游为主题的博客,其一致的品牌推广可以帮助访问者轻松浏览网站。 访问者可以通过导航轻松浏览网站,并自由浏览博客之外的部分。颜色使用温暖和中性,并保持清洁的界面。

3.作品集的个人网站设计

1) Brett

您可以在这里看到:作品集,工作室,个人品牌

Brett是一位专注于创建软件产品的设计师,开发人员和创意总监。对于带有描述的欢迎页面,完全是黑白的。但我很喜欢下面的彩色视频,其中包含他精彩的设计作品。

2) Vtcreative

您可以在这里看到:作品集,个人品牌

这个个人网站在法国UI / UX设计师Vincent Tantardini 设计的最小的单页组合使用漂亮的负载转换和空白空间的使用。只需了解联系表单的加载方式, 和一个单击消息区域后显示如何发送按钮。标志过渡到向下箭头也很棒。

3) Charlie Waite

您可以在这里看到:作品集,个人品牌

Charlie Waite是一个来自加利福尼亚州纽波特海滩的设计师。在一个响应式个人网站, 是一个可爱而干净的设计。它简单,干净,反应灵敏。你可以滚动查看他出色的设计作品。

4) Matinux

你可以在这里看到:博客、作品集、个人品牌

Matin是加拿大的UX设计师。他喜欢在每个主题上都展示,并经想法带入线框模型与原型, 并将它们交给平面设计师和编码员,以创造最终产品。

5) Jon Kyle

你可以在这里看到:个人品牌、作品集

这是洛杉矶自由网页设计师/开发者’Jon Kyle’独特的个人网站。这个个人主页具有有趣的排序和过滤功能。 没有一个单一的图像,非常简单和干净。每次单击右下角的“@”符号时,随机定位联系人信息都会很棒。

4.个人品牌的个人网站设计

1) Dave Gamache

Dave Gamache以前是是设计推特等其他媒体的设计师。冒险、出色的色彩对比,形成一个简洁的单页个人网站。 使用点击可以接触各种不同的媒体平台。

2) Sacha Greif

Sacha Greif是来自法国巴黎的设计师,开发人员和企业家,但现在居住在日本大阪。打招呼,或继续滚动探索不同的配色方案,看看他的简历,编码,项目,写作,播客等。漂亮的字体,使文字生动。

3) Nicole Saidy

在这里可以看到:个人品牌、博客

清洁,干净的个人页面上有关于Nicole Saidy的介绍,他是是设计师,教练和演讲者。网站具有可爱的移动粒子背景效果,作为作品集投放在Behance的部分。

我是一名来自贝鲁特的设计师和数字游民。我将大部分时间都花在了研究上,其使命是鼓励人们进行设计。

4) Ana Santos

您可以在这里看到:作品集,博客,个人品牌

最小的个人页面的UX设计师安娜·桑托斯。整齐的小触摸加载联系表单与微妙的视差作为您的滚轴。Ana是一位来自曼彻斯特的UX设计师,她想要一些简约的东西来展示她的经验和链接,同时更新她的作品集。

5.网上商店的个人网站设计

1) Joe McNally

Joe McNally是一个摄影博客,由世界上最优秀,最有影响力的摄影师之一创立。 Joe McNally是一位屡获殊荣的摄影师,几乎一生都在为国家地理学会拍摄。

2) Pixelosaur

响应式长滚动来自希腊的’Pixelosaur’主题商店的一页。很高兴看到一个成熟的主题商店使用单页网站来展示他们的所有 – 包括推荐,奖项,主题收集,博客订阅和联系方式。

3) Mayday Magazine

五月天杂志的页面有令人印象深刻的多向视差滚动(预览)。 登陆页面还具有整齐的Shopify集成功能,可以在不离开页面的情况下进行杂志结账。

4) Spent

Arty是佛罗里达州的画家和艺术家,基思伯恩森的个人网站。 他的画作有很多风格和光滑的电子商务结合。

电子邮件已满,时间已满,客户唠叨,朋友旅行,需要休假。这个几个其他的爱好全在spent!

6.图片库和演示的个人网站设计

1) Fifty Coffees

“与五十位朋友和导师一起喝咖啡,找到我梦寐以求的工作。”这个个人网站介绍了作者的一系列咖啡会议,以寻找她的下一个工作机会。 最特别的是使用高质量的摄影和视觉效果来帮助讲述她漫长的故事。

2) Timothy Hoang

您可以在这里获得:样稿,作品集,博客,个人品牌

Timothy Hoang是前端开发人员的药剂师。 作品集和样稿保持好的检查,以呈现图片库。 点击演示动作,您可以看到他精彩的设计作品。

总结一下,希望大家喜欢以上10个个人网站设计实例和资源。现在,你可以使用各种网站建设者轻松地创建一个网站。没有编码,甚至UI可以从各种主题中选择。但是,如果你想设计和创建你自己的特殊网站,你可以使用MOCKPPLUS做一个原型。组件和交互很容易使用,同时,可以在真实屏幕上用HTML查看。这样可以节省很多时间。


文章来自:25个最佳的个人网页设计案例资源满足你的灵感
责编:于佳怡
翻译:孙仪敏

发表评论

电子邮件地址不会被公开。 必填项已用*标注