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

设计师搭建免费好用的个人作品网站 作为设计师,UI设计师也好,平面设计师也好,找工作时拥有一个漂亮高效的个人作品网站会特别方便。今天要为大家介绍一个开源项目:Art on web-AOW,15分钟拥有自己的作品网站。先把这个项目的Github链接放上:https://github.com/bingxueling/ArtOnWeb 阅读详情

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

精美欧美风个人博客网页模板设计与实战 现代个人博客网页模板的构建并非简单的视觉堆砌,而是基于清晰的技术架构与用户行为逻辑所设计的系统性工程。尤其在欧美风格盛行的背景下,其模板结构呈现出高度模块化、可维护性强以及对响应式支持完善的特点。本章将深入剖析一个典型欧美风个人博客模板的整体组成,从文件组织到功能实现,再到交互机制的设计原理,全面揭示其背后的技术脉络和用户体验考量。通过对核心组件的拆解分析,帮助开发者理解如何在一个静态HTML/CSS/JS项目中构建出具备专业级表现力与扩展性的网站基础。 阅读详情

相关推荐

优秀个人网站设计样例

课件中对中外的个人网页进行了筛选,分类展示了不同风格的优秀个人网站。

资源 | 33个国内外设计自学网站

站酷旗下除拥有主站设计师互动平台站酷网之外,还重点打磨了一站式正版视觉内容交易平台——站酷海洛、艺术教育平台——站酷高高手,为设计创意从业者在学习、展示、交流、就业、交易、创业各个环节提供了优质的专业服务,为设计师和企业的成长之路提供了高效的版权解决方案和立体的视觉服务。课程更偏向概念和理论,如交互设计、 图形设计、UX设计。一个职业技能高效率自学平台,致力于为学习者提供优质的在线学习服务,课程覆盖了平面设计,室内设计,影视后期,园林景观设计,机械设计5个热门领域,可以自由选择感兴趣的网络课程在线学习。

qq_42786138的博客 4769

优秀个人主页模板 HTML

HTML 网页编程 主页模板 本人学习过程中索积累下的部分资料,特此上传共享。

20佳优秀的国外简约风格网页设计作品

  什么样的网站才能称得上是简约风格的呢?有些人认为,一个优秀的简约风格网站应该是拥有尽可能少的设计元素,而另外一些人则觉得,元素的数量不是关键,它们组合在一起的方式才是最重要的。这篇文章向大家分享20佳国外优秀的简约风格网页设计作品,简约而不简单,一起欣赏。 10 Years in Type Lisi Design styiens Soup. appex JC P...

weixin_30954607的博客 115

界面设计清爽的设计师个人网站模板

整套完整的网站模板,界面清新舒服。包含完整psd页面设计。

【Cadence】stb仿真和ac仿真——以一个简单的全差分反相放大器仿真为例

最近在补一些仿真方法学的问题,以及一些一直以来都有点模糊的概念,简单记录一下。搭建一个以两个CMOS反相器构成的全差分放大器(28nm工艺,PMOS和NMOS尺寸一致)激励的设置方便共模和差模仿真用同一个TB(这里有一个问题:这个放大器需要在开环下仿真还是闭环下?哪些放大器应用在开环,哪些闭环?这种应用场景不同会导致需要仿真得到开环还是闭环增益,或者环路增益?(我知道放大器在设计的时候肯定都是闭环应用的多,但是什么时候没必要闭环应用?光验证ac和stb仿真是否一样的话有必要有回路吗?

weixin_44951108的博客 5万+

HTML5网站大观:15个精美的 HTML5 单页网站作品欣赏

====================================================== 注:本文源代码点此下载 ====================================================== html5网站大观:15个精美的 html5 单页网站作品欣赏 html5 是现在web开发领域的热点,更多的开发人员开始使用html5来开发交

javazhuanzai的专栏 1071

【Macbook-Latex安装部署教程】【Win-Texlive镜像下载】【简单易上手】MacTex+Vscode/Texstudio

该教程记录自己在mac()上安装部署Latex环境的经验,整个教程操作简单,配置要求少,易上手。教程分成三部分:Mactex下载与安装,Vscode插件下载与配置文件修改,Texstudio安装。

sunriseOvO的博客 2570

一些有趣、奇葩、实用的网站

先扒一下国内的,感觉国内好玩的网站比较少,所以这次分享的国内网站还是实用的占多数。欢迎大家把自己知道的好玩的网站推荐上来。听听家乡的方言故事 http://phonemica.net(国内)在海外漂泊的朋友们看到这个网站会倍感亲切的,收集来自全国各地的网友上传的方言故事,听不懂不要紧,网站提供各种字幕,就算老外来了也一样明白意思!成都大熊猫繁育研究基地 http://live.ipan...

asdf10245的博客 3934

wintab开发例程

 タブレットとスタイラスペンを使うと、パソコンに手書きの線を入力できます。筆圧を入力することができるので毛筆のような表現も可能です。ペンの傾きを入力できる機種もあり、アイデア次第で面白いことに使えそうです。  私は昔(94年頃)、WACOMのタブレットを用いたプログラム開発をしたことがあります。当初A3版ほどの大きさのUDというタブレットを使っていて、その後 ArtPad という小さいサイズの

grass168的专栏 3242

华为昇腾NPU环境搭建:torch-npu安装避坑指南(附常见错误解决方案)

本文详细解析了在华为昇腾NPU环境中安装torch-npu适配包的全流程与核心要点。从基础环境准备、严格的版本匹配策略,到针对‘RuntimeError: NPU error’、‘ImportError: libxxx.so’等高频错误的深度解析与解决方案,提供了一份实用的避坑指南,旨在帮助开发者高效搭建稳定的PyTorch开发环境。

weixin_29094979的博客 412

51c大模型~合集111

OpenAI 的某发言人表示:「为了提高清晰度和安全性,我们增加了一个额外的后处理步骤,其中模型会审查原始的思维链,删除任何不安全的内容,然后简化某些复杂的思维。可以看到,虽然 ChatGPT 确实完成了任务并展示了总结版的思维链,但似乎并未如 OpenAI 发言人说的那样给出与提示词语言同样语言的总结版。北大-灵初联合实验室表示,Align-DS-V的多模态强推理能力是VLA模型大脑端的核心,接下来的研究训练计划,是利用多模态推理模型的跨模态穿透能力,实现action穿透,最终实现真正高效的VLA模型。

whaosoft~aiotの开发板商城 2318

将Python爬取的数据导入钉钉多维表

摘要:本文介绍将Python爬取的数据导入钉钉多维表的完整解决方案。首先通过requests库爬取数据并解析为结构化格式,然后使用钉钉开放平台API对接多维表。关键步骤包括获取app_key、app_secret等凭证,通过OAuth2获取access_token,以及批量写入记录。文章详细说明了参数获取位置、字段类型匹配、权限配置等注意事项,并提供了错误处理建议和性能优化方法。适用于需要将网络数据同步到钉钉多维表的开发场景。

IT深耕十余载,大道之简 2131

个人网站名称怎么写可以通过备案?

个人网站名称要尽量体现个人网站的主要内容: 1、网站名称请使用3个以上汉字命名; 2、不能涉及到行业、企业、产品等含有经营性质的信息,且个人网站名称请勿涉及个人姓名、地名、成语; 3、请不要用纯数字、纯英文或字母组成,不能包含特殊符号,敏感词语(反腐、赌博、廉政、色情等); 4、非国家级单位,不得以中国、中华、中央、人民、人大、国家等字头命名。 5、请不要使用资讯、网站、网络、网址、爱好者、作品展示、论坛、社区、工作室、平台、主页、热线、社团、导航这种的格式命名; 6、网站名称中不能带有博客、论

缘 源 园 8536

百度飞桨+文心大模型实战:生成式AI工程师认证备考全攻略(含真题解析)

本文详细解析百度飞桨与文心大模型结合的生成式AI工程师认证备考策略,涵盖认证体系、学习路径、核心技能突破及真题分析。帮助开发者掌握大模型原理、飞桨平台操作和文心大模型应用,高效通过工信部与百度联合认证考试。

loss4bartender的博客 683

《PCI Express体系结构导读1》-- PCI简介

请先阅读完一遍此书再来看文章哦,这样效率更高~

HoneyIC的博客 152

经典网页设计:25个优秀的个人网站设计欣赏

个人网站是让人们知道你,了解你生活中成就的最佳方式。有些人选择最搞笑的言论表达自己的想法,有的人则充分展现自己的个性。不管采用什么方式呈现你的个人网站,重要的是,把你最好的一面表现出来。下面是一些帮助你制作成功的个人网站的很有用的例子。 Cat Rabbit   CMYK08   Me and My AAA   Mark Law

梦想步行者 2万+

YOLOv13改进策略【特征提取层】| CVPR-2024 PKI Module 获取多尺度纹理特征,适应尺度变化大的目标

PKI Module是。

Limiiiing的博客 276

个人主页网页设计_优秀设计师都会逛的6大网站,你知道吗?

设计师最难熬的时间莫过于灵感的枯竭,所以平日里除了多搜集一些优秀的设计作品外,常备一些好用的设计网站真的很有必要,它的存在可以为我们缩短思考的时间,完善自己的思路,汲取别人优秀的创意点。now!小编为大家墙裂推荐几个平面设计的网站,在这里,你可以找到灵感的源泉,可以下载更多的素材,更加容易找到想要的配色,各类资源应有尽有!!咳!咳!废话不多说,进入正题~站酷https://www.zcool.co...

weixin_39611208的博客 1133

Statistics and Machine Learning Toolbox

Statistics and Machine Learning Toolbox(带书签),MATLAB统计学习工具

NTscan扫描工具

ntscan是一个扫描器,可以扫描没有密码和弱密码的共享,先到配置文件中填写猜测的用户名和密码,扫描过程中右侧出现的是扫描日志。

分享50个漂亮的设计师个人作品集网站案例

  设计,摄影和其他创造性的职业特别需要有个人作品集网站,让你以个性方式展示自我并呈现你的作品给读者和潜在的客户。同时,这些网站中汇集的优秀设计作品和教程是获取灵感的很好的来源。今天,本文与大家分享50个漂亮的作品集网站案例,希望能带给你灵感。 Clear Media Branded07 Jay Hafling Astuteo Two December...

weixin_30451709的博客 923

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

正在找工作的设计师,你应该把自己的作品集放在云端--读完此文轻松搞定个人作品网站

设计师找工作时总要拖着个巨大的zip,传播难,阅读难,内推更难,从今天开始让我们把作品放上云端吧!

bingxueling的专栏 1982

温度PID控制PLC程序

温度PID稳定控制程序,适用于欧姆龙PLC,对其他PLC也具有很大参考价值

制作一个简单HTML个人网页网页(HTML+CSS)web前端大作业

一个简单的HTML网页,非常适合网页设计html期末大作业 成品效果 代码实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/

七夕情人节表白网页代码100款 HTML5网页设计与制作1120款 Echarts大屏数据150款 1万+
上一篇: 付款按钮设计的糟糕现状
下一篇: 没有Home键之后的iPhone会是什么样子?
摹客
博客等级 码龄12年 1588粉丝 786原创
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值