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

简介: 作家写书,歌手出唱片,人们选择各种方式呈现最佳的自己。对于UI/UX设计师而言,我想,一个设计精美的个人网站,一定会是一种相当不错的方式。无论你是想要展示自己的设计作品,还是分享自己的设计经验和理念,还是吸引互动增加灵感,还是渴望获得一份更好的工作,一个能充分展示你设计才能的个人网站,一定能够让人更好的了解你,并且记住你。

作家写书,歌手出唱片,人们选择各种方式呈现最佳的自己。对于UI/UX设计师而言,我想,一个设计精美的个人网站,一定会是一种相当不错的方式。无论你是想要展示自己的设计作品,还是分享自己的设计经验和理念,还是吸引互动增加灵感,还是渴望获得一份更好的工作,一个能充分展示你设计才能的个人网站,一定能够让人更好的了解你,并且记住你。

在加入Mockplus 团队之后,我开始真正接触设计,为了得到更多的设计灵感,持续搜集了一些国外优秀设计师的个人网站。这些网站呈现不同风格,并且具有不同的价值,是设计师自我展示的自由呈现。通常来讲,个人网站的类别包含以下几种:

1. 简历型个人网站 - 优化传统简历,更好的呈现自己的作品和技能,找到更好的工作;

2. 作品展示型个人网站 - 类似于Dribbble和Behance等平台,设计师展示个人作品,但个人网站主动性和功能性更强       更丰富;

3. Blog风格的个人网站 - 设计师分享自己的设计理念和想法,交换信息,吸引粉丝和关注;

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

5. Online shop型的个人网站 - 此类个人网站会有商业用途;

以及其他。

通常,设计师的个人网站具有一种或多种用途,比如blog和作品集的结合,简历和作品的结合,一下的17个范例中,我将标注每个个人网站的类型,大家可以根据需要好好研究。希望能对您的个人网站设计带来灵感。

1) Devon Stank

适用类型:简历,作品集,博客

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

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

博客的设计是亮点。


img_e207dc3a6a5c9dd2f63d88b9a03b3faa.png


2)Gary Sheng

适用类型:简历

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


img_853dff21f89f9a98fd06151c1a2bdc6a.png


3)JESSDESIGNTAN

适用类型:简历,作品集

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

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

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

UI色彩采用经典蓝白。


img_485f46e6b93ab314b03feecdcbee3cd8.png


4)Thalida

适用类型:简历

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

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

色彩对比鲜明活泼。

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


img_7aaa6ee9278da587c6e32f989c947466.png


5)Nik Papic

适用类型:简历

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

单一暖色调背景色,网站看上去相当干净,协调。

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


img_8e64c7e8376d6129eceaaf208f5ddcce.png


6)Miss thrifty

适用类型:博客

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

创始人是以为怀孕母亲。


img_e978e6037612da1bd093d46625ecbfbe.png


7)Osvaldas

适用类型:博客,作品集,商业

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


img_7bbf26afb3f308635064036e17b9a246.png


8)Coffee Table

适用类型:博客

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


img_5914c0ca2a3e22a62cb28e0036ce2624.png


9)Jasmine Star

适用类型:博客,商业

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


img_0c18285772f584eda7b08da21d7dfb5d.png


10)Everywhereist

适用类型:博客

这是一个旅游主题的博客,访问者不仅可以轻松访问博客内部,还可以通过链接轻松探索博客以外的部分。

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

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


img_9537ea0234296351e3d4ed57c157da6c.png


11)Brett

适用类型:作品集,个人品牌

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

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

下拉会有一个精彩的视频,包含了其精彩的设计作品;

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


img_aa961f369d3761540beb1fecd0d90224.png


12)Vtcreative

适用类型:作品集,个人品牌

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

单页的个人网站,风格简洁。

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


img_7b30752ed1cb3b4ca967dce156e7b7bc.png


13)Matinux

适用类型:博客,作品集,简历

Matin是加拿大的UX设计师。他喜欢在每个主题上都有各种各样的展示;

绿色背景,显得柔和;

动画推入介绍作品和经历,具有互动性。


img_4182996a767ed6e59b32af0659c70cc9.png


14)Dave Gamache

适用类型:个人品牌

Dave Gamache是之前Twitter&Medium的设计师。

色彩对比强烈但很和谐;

单页个人网站;

Call to actiona链接到各种不同的媒体平台。


img_b900406e5c82df050585f48abbd86970.png


15)Sacha Greif

适用类型:个人品牌,博客,作品集

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

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

非常具有动感和互动性。


img_a5c0ad63c92359980970b59c5b698c02.png


16)Nicole Saidy

适用类型:个人推广

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

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

博客也是不错的展示。


img_06006b5bf4c0e593f862517cb1410d2e.png


17)Fifty Coffees

适用类型:博客

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

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


img_5f16c47a8b1ea52624e44c338efec253.png


希望这些优秀的设计案例能给你带来全新的灵感。如今,因为各种各样的website builder,比如强大的Wordpress,还有Wix,stringkly等等,往往不需要花费过多的精力就可以自己创建,甚至不用一行代码,就连UI也有付费和免费的主题可以一键搞定。但是如果想要拥有独一无二的个人网站,设计师只有去真正的进行创作和设计。

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

相关文章
|
2月前
|
开发工具 git 开发者
DeepSeek Harness 怎么升级到最新版?dsh 版本查看、更新命令与 rc 版本说明
dsh --version 查当前版本,npm view @deepseek-ai/dsh version 与 GitHub Releases 查最新版;升级按安装方式三选一:npx 重跑、git pull 重建、dsh plugin update;rc 预览版版本号这样读。
1545 0
如何将Markdown文章轻松地搬运到微信公众号并完美地呈现代码内容
相信有很多童鞋跟我一样,热衷于用Markdown来编写文章。由于其简单的语法和清晰的渲染效果,受到广大码农朋友们的推崇。但是,当我们想维护起自己的公众号时,公众号编辑器往往让我们费劲了脑汁。本人尝试了各种工具,比如:秀米一些在线提供多种不同样式的编辑器。虽然这些编辑器都能够完成编辑任务,但是效果并不理想。与我们所追求的简洁、清晰风格总是格格不入,尤其是对于代码的展示非常的不友好。所以,这里给大家推荐一个本站的在线工具,可以帮助大家快速地把Markdown文章转换成微信公众号支持的漂亮格式。
1150 0
如何将Markdown文章轻松地搬运到微信公众号并完美地呈现代码内容
|
1月前
|
弹性计算 运维 安全
新手必看阿里云新人优惠活动全解:云服务器最低38元一年、申领规则、配置对比、选型适配与购买部署实操教程
对于零基础新手、在校学生、个人开发者和小型初创团队而言,搭建网站、学习运维、部署测试项目最大的顾虑就是服务器成本过高、活动规则复杂、低价机型踩坑、续费涨价等问题。2026年阿里云持续开放新人专属特惠活动,将云服务器入门价格拉至行业极低水平,**新人最低仅需38元即可租用一整年云服务器**,彻底降低普通用户接触云计算、实操项目开发的门槛。很多新手不清楚38元特价机型的申领条件、硬件配置、流量带宽、使用限制,也分不清低价机型和常规机型的区别,容易出现抢到优惠却不会用、选错机型无法适配业务、到期续费暴涨等问题。本文全方位拆解阿里云新人优惠政策、全年价格体系、38元爆款机型配置、申领流程、适用场景、避
452 0
|
3月前
|
人工智能 缓存 监控
【新版】阿里云 百炼 Token Plan 功能介绍及配置价格表
阿里云百炼Token Plan是面向个人开发者与企业团队推出的AI大模型订阅服务,以Credits为统一计量单位,实现多模型、多工具、多场景的统一调用与计费管理。新版Token Plan全面升级个人版与团队版能力,覆盖文本生成、图像生成、视频生成等多模态能力,兼容主流AI编程与智能体工具,提供灵活档位套餐与企业级管理功能,实现包月预算可控、多用户隔离、高峰不降速的稳定服务。本文将系统梳理Token Plan的核心功能、个人版与团队版配置、Credits计费规则、套餐价格明细、开通订阅流程、代码调用示例、团队管理与成本控制方案,帮助用户全面了解并高效使用Token Plan服务。
742 4
|
3月前
|
人工智能 JSON 监控
Claude Code 官方教你 Loop 工程,附 6 大省 token 技巧!
Claude Code 官方循环工程 Loop Engineering 深度解读!手把手带你理解 4 种循环类型,覆盖多 Agent 协作、/goal、/loop、/schedule 命令用法、代码质量保障和 token 省钱技巧,从入门到实战全流程
501 0
|
11月前
|
人工智能 自然语言处理 安全
2025年数字人平台综合排名解析:从技术性能到使用成本的全方位评估
在AI重塑内容创作的今天,必火AI数字人平台凭借全链路智能工作流脱颖而出。本文基于三个月实测,从克隆精度、多语言支持到成本效率,全面解析其技术优势与落地价值,为创作者与企业选型提供权威参考。
768 4
|
安全 Unix Linux
VMware Workstation 17.6.3 发布下载,现在完全免费无论个人还是商业用途
VMware Workstation 17.6.3 发布下载,现在完全免费无论个人还是商业用途
164022 65
|
开发者
在代码维护中,Qwen-coder可以通过多种方式提升编程效率和代码质量
Qwen-coder在代码维护中发挥着重要作用,帮助开发者提高代码质量,减少错误,提升开发效率。这些功能使得Qwen-coder成为代码维护和开发过程中的有力助手。
819 52
|
机器学习/深度学习 测试技术 知识图谱
DeepSeek-R1:Incentivizing Reasoning Capability in LLMs via Reinforcement Learning论文解读
DeepSeek团队推出了第一代推理模型DeepSeek-R1-Zero和DeepSeek-R1。DeepSeek-R1-Zero通过大规模强化学习训练,展示了卓越的推理能力,但存在可读性和语言混合问题。为此,团队引入多阶段训练和冷启动数据,推出性能与OpenAI-o1-1217相当的DeepSeek-R1,并开源了多个密集模型。实验表明,DeepSeek-R1在多项任务上表现出色,尤其在编码任务上超越多数模型。未来研究将聚焦提升通用能力和优化提示工程等方向。
1192 16

热门文章

最新文章