imtoken官网首页|个人网页欣赏

作者： imtoken官网首页

2024-03-08 00:10:04

有哪些优秀的个人网站？ - 知乎

有哪些优秀的个人网站？ - 知乎首页知乎知学堂发现等你来答切换模式登录/注册网页设计调查类问题信息技术（IT）网站推荐有哪些优秀的个人网站？关注者165被浏览461,140关注问题写回答邀请回答好问题 1添加评论分享26 个回答默认排序特里码农，摄像民工关注推荐你几个专门收集评选优秀网页设计的网站： 1. Awwwards - Website Awards2. Reeoo | web design inspiration and website gallery3. FWA - Favourite Website Awards4. CSS Winner - Website Awards - CSS Award Gallery for Web Design Inspiration5. One Page Love我的个人网站 http://glexe.com ，使用技术：ReactJS + Flux + react-router +snap.svg + lodash + dragdealer+superagent 没有用jquery哦；后端是go语言写的，还没写完。编辑于 2015-05-15 11:53赞同 14521 条评论分享收藏喜欢收起nekocode数字游民、全栈工程师、细节控、INTJ 关注自荐一下我的个人网站（记得打开声音使用 PixiJS + TiledMap 实现的小岛为了兼顾没有键盘的移动端，所以选择了使用鼠标/触摸点击的方式进行交互shader 滤镜: sepia + bulgePinch + brightnessContrast + vignette + noise寻路算法: PathFinding.js地图编辑器: Tiled灵感来自湾湾一个组织搭建的在线网站（因为涉及政治，这里就不分享更多信息了源码在我的 GitHub 上可以找到编辑于 2021-08-15 22:45赞同 294 条评论分享收藏喜欢

15个优秀网页设计案例，给你源源不断的设计灵感！ - 知乎

15个优秀网页设计案例，给你源源不断的设计灵感！ - 知乎首发于Pixso协同设计切换模式写文章登录/注册15个优秀网页设计案例，给你源源不断的设计灵感！Pixso协同设计已认证账号看了网上各种酷炫的网页，不知道你有没有动过「拥有一个类似的酷炫网站」或者「自己设计一个网站」的心思呢？想设计网页，但又苦于不知道如何下手，该如何是好？但就如乔布斯说的，「好的艺术家拷贝，伟大的艺术家抄袭」，学习一个新的事物或技能，前期如果不知道如何下手，最好的方式就是临摹或参考已有的内容，就网页设计而言，我们可以多去浏览一些优秀的网页设计网站，寻找一些可作为设计临摹或参考的案例。基于此，皮仔从 Pixso资源社区选取了多款优秀的网页设计案例，分别从色彩搭配、元素风格、排版这三个维度为大家解读这些优秀的网页设计作品。1. 医疗健康网页UI设计医疗健康网页UI设计Pixso给大家带来一组医疗健康网页UI设计，医疗类页面需要传达出权威、靠谱的视觉感受。医疗健康网页UI设计区别于常见的绿色、蓝色医疗页面，这组UI采用了明亮的橙色作为界面设计的“点睛之笔”，牢牢抓住用户视线，吸引用户点击。辅色选用了沉稳深色的蓝，用对比色平衡视觉。医疗健康网页UI设计的文字排版整齐舒适，用户能够迅速抓取关键信息，了解到这组医疗健康UI界面设计的主要目的是为用户提供医学监测的功能。干净整洁的背景更足以让人产生专业放心的感受医疗健康网页UI选用简约明亮的医疗照片元素，让人感觉更加亲近和信任。2. 服饰电子商务UI界面电子商务网页UI设计电子商务网页UI设计需要清晰的展示出产品的特点，不同的产品类型应选用不同的界面设计风格。将产品更好的展现出来，提高用户购买欲望。电子商务网页UI设计以干净的中性色为底，以此凸显商品本身，辅色用了亮色点缀，提升趣味感，整体配色清爽现代。电子商务网页UI设计的排版注重可读性，工整有序的进行功能划分，能帮助客户很好的获取需要的信息。电子商务网页UI设计没有过多复杂的元素，给人清爽整洁的浏览体验，着重于商品本身的展示之上。3. 运动鞋网页UI设计运动鞋网页UI设计近几年球鞋可谓是“热门选手”，主力军是追求潮流追求个性的年轻人。商家也嗅到了商机，各式各样的球鞋层出不穷。运动鞋网页UI设计采取潮酷的暗色风格，搭配绚丽的极光色彩，这样的色彩搭配营造出了潮流文化的氛围感。运动鞋网页UI设计采用醒目的标题，添加视觉透视效果，凸显硬朗的运动气息，文字排版错落有致，部分信息做弱化视觉处理，即使文字信息多，也不会让人觉得混乱。运动鞋网页UI设计运用极光和漂浮元素，营造出鞋子的轻盈时尚功能，与球鞋需要表达的属性相呼应。4. 美食烹饪网页UI设计美食烹饪网页UI设计美食烹饪网页需要给用户带来食欲的同时，也要提供给用户需求的学习内容，清晰的导航分类，和刺激食欲的页面排版都很重要。美食烹饪网页UI设计采用清新的蓝白为主色调，中和了食物普遍偏暖的色调，让人有食欲的同时，不会过于造成视觉疲劳。美食烹饪网页UI设计的排版清爽，美食+文字的导航，更易识别信息。详情页面采用左边图片/视频，右边表格的展示形式，利用系统化的排列方式，展示了网站的专业度。美食烹饪网页UI设计多采用色彩丰富的美食相关元素，黑色填充主题文字和icon的元素，体现年轻化新时代调性的美食态度。5. 电子邮件网页UI设计电子邮件网页UI设计制作电子邮件的目标界面至关重要，如何设计出能让接受邮件、查看邮件内容一目了然的电子邮件网页界面设计，来看看这一组设计考一下吧~电子邮件网页UI设计选用清爽的白色背景，深蓝色的主色调，辅以黑色，显现出现代化的科技感。电子邮件网页UI设计的排版内容一目了然，采用中轴式对称排版，清晰可读，阅读方便，即使不同设备上，都不影响浏览效果。电子邮件网页UI设计的元素简单，时尚简约，非常适合年轻群体，也方便用户长时间停留，不会造成视觉疲劳。6. NFT网页UI界面设计NFT网页UI界面设计设计师需要源源不断的灵感，也需要与时代相呼应的网页设计素材，更好满足当下用户的审美需求，提升用户体验。二者对设计师打造出优秀的网页UI来说，至关重要。NFT网页UI界面设计配色采用了时尚的蓝紫色，代表着高贵、庄严、神秘，同时，也有着时尚和创造力的象征，氛围感十足。NFT网页UI界面设计的组件功能齐全，各模块间相辅相成，信息丰富的同时，也不会混乱。NFT网页UI界面设计搭配现代化的线条元素，时尚前沿。7. 企业业务网页登录页UI设计企业业务网页登录页UI设计登录页是新用户与界面交互的起点，企业业务网页登录页UI设计的主要目的是在用户界面上产生潜在客户，并增加流量。Pixso资源社区中有一套免费的企业业务登录页UI设计素材。企业业务网页登录页UI设计以蓝色为主题色，简约的风格，又不失大方。企业业务网页登录页UI设计的排版简洁，放在不同设备上，都不影响浏览效果。企业业务网页登录页UI设计采用图片和扁平插画的元素，展示现代化的科技感。8. 珠宝网页登录页UI设计珠宝网页登录页UI设计珠宝是女人的好朋友，是永不过时的时尚饰品。展现出珠宝的美，是网站的重要目的。珠宝网页登录页UI设计采用淡淡的香槟色衬托出时尚奢华的调性，很适合作为珠宝主题色。登录页UI设计使用简洁、常用的页面布局和文字有助于用户轻松执行熟悉的操作网页登录页UI设计精美的珠宝展示，和佩戴图，视觉冲击强烈。9. NFT网站首页UI设计NFT网站首页UI设计NFT是今年很火的一个名词，也有不少用户活跃在NFT市场，UI设计是需要紧跟潮流的一个行业，设计师需要洞察用户的活跃方向，进而迎合需求。NFT网站首页UI设计以暗色调为背景色，点缀亮色搭配，让人眼前一亮。NFT网站首页UI设计的文字主题亮眼夸张，视觉冲击力强，贴合NFT圈子的艺术属性。NFT网站首页UI设计采用酸性设计、镭射元素的增加，让整个网站首页变得流光溢彩，前卫中带着潮流。10. 音乐流Soundcloud网页设计音乐Soundcloud网页UI设计Soundcloud是个很酷的地方，大家在这里找寻自己的喜好，关注喜欢的艺人，需要进行长时间的停留，干净直观才能让人更方便使用。音乐Soundcloud网页UI设计以低饱和度浅色为背景，干净舒适，避免造成视觉过度刺激。音乐Soundcloud网页UI设计的左边导航栏清晰明朗，右边边歌曲信息井然有序，让访问者在进入登陆页面后迅速抓取想要的信息。人们对图像有情绪与情感的反应，这款界面搭配了许多个性艺术的配图，吸引用户眼球。11. Antic 装饰品登录页装饰品登录页网页UI设计随着城市化建设迅猛崛起，人们越来越注重对居室的设计和装修。人们可以通过装饰品网页的装饰案例，进行不同文化内涵和风格特色的装修。Pixso资源社区更新了一套免费的Antic 装饰品登录页设计素材，Antic装饰品登录页网页UI设计以淡黄为主题色，简约又大方，颇具北欧风格。Antic装饰品登录页网页UI设计易读的文字排版，字体采用衬线和非衬线的结合，风格简约文艺大方。Antic装饰品登录页网页UI设计的精美的图片搭配，很好体现网站的装饰品味。12. 网页首屏视觉设计网页首屏视觉设计网页第一屏的视觉效果是相当重要的,但是却很难做得好。这组网页设计，一定可以给你带来灵感。网页首屏以深蓝紫色和粉色为主题色，符合当下的时尚潮流。网页首屏的大气的文字排版，视觉冲击感十足。网页首屏UI设计通过大尺寸且高清的照片、视频或插图有效地吸引，最大化视觉体验。13. 基金登录页面基金登陆页设计基金作为当下热门的理财方式，逐渐成为用户经常访问的网站类型之一。基金登陆页网页设计的浅蓝色的配合与留白相辉映，演绎出投资者的思考和冷静，符合基金行业的定位和基调。基金登陆页网页设计的排版整齐，结合数据化排列，专业性强。基金登陆页网页设计的配图采用简单的插图和icon简单，简约大方，没有太过扎眼，这样就可以为用户传递更多有用的信息。14. 加密货币创意登录页加密货币创意网站登录页UI设计如今越来越多人会使用加密货币进行投资，因此关于加密货币的网站也多了起来。Pixso资源社区中有一套免费的加密货币创意登录页UI设计素材。加密货币创意网站登录页UI设计以暗色为背景基调，更凸显内容，给人未来感和沉稳感，绿色为点缀，页面不会过于单调。加密货币创意网站登录页UI设计的排版简洁，功能全面。导航增加亮色icon，增加点击欲望。加密货币创意网站登录页UI设计搭配创意的3D风格小人原色，生动有趣。15. 个人网页UI定制设计个人网页UI定制设计定制化是如今的网页设计中最典型的趋势之一,用户希望在浏览网页时获得更私人的体验。因此，在设计定制个人网站时，可以通过一些微小的自定义设计吸引用户。个人网页UI定制设计黑色的背景色配以荧光绿，高级而又不失活泼。个人网页UI定制设计出色的文字排版和用户体验将结合起来，让用户愿意再次返回使用你的网站。个人网页UI定制设计中加入了许多真实人物插图，与用户引起共鸣。以上所有案例都来一站式协同设计工具Pixso资源社区。Pixso是一个可以帮助你简化设计过程并提高工作质量的设计资源，可以在浏览器直接进行编辑，中文生态，界面简单好操作，即使是新手都可以轻易上手。✅ 新一代的在线网页设计工具PixsoPixso是一款免费向所有个人用户开放的 UI / UX 设计和协作工具，内置的所有功能都可以放心免费使用。功能操作简单易上手，设计小白也能轻松使用。社区包含丰富的设计资源与模板，满足高保真交互设计需求，帮助设计师一体化解决UI协作，同时提供了企业共享资源库，帮助你减少不必要的重复劳动时间，助力你的设计团队开启敏捷高效工作。关于优秀网页设计赏析，就先分享到这里啦~想要解锁更多优秀素材，一起进入 Pixso资源社区获取吧！相信在未来的设计的道路上，Pixso能帮助你更好的进行工作，给你带来全新的设计体验！在等什么？赶快打开UI/UX 设计和协作工具Pixso，开启你的设计之旅吧~发布于 2022-08-19 15:48网页设计Pixso设计灵感赞同 483 条评论分享喜欢收藏申请转载文章被以下专栏收录Pixso协同设计Pixso，让设计更流畅，协作更

2023 个人网页设计作品合辑，给灵感发电！

限时开放企业版试用，支持企业资源库、权限管理等多种企业协作及管理能力申请试用

AI 绘画

产品

Pixso 设计

Pixso 白板

Pixso 原型

产品

Pixso 设计

Pixso 原型

Pixso 白板

资源社区

设计素材

优质设计作品免费获取

组件资源

大厂组件资源即调即用

插件广场

用插件扩展设计的无限可能

热门精选

Pixso抠图

设计技巧

专题活动

进行中

9999+

热门精选

资源社区

设计素材

组件资源

活动专栏

插件广场

会员

下载

帮助中心

企业服务

金融政企

互联网

查看客户案例

汽车制造

智能制造

智慧交通

物联网

客户案例

覆盖各个行业和领域

提高产设研团队生产效能

查看案例

企业咨询

企业版

私有化部署

向团队介绍

教育免费

加入用户交流群

支持

企业咨询

企业版

私有化部署

向团队介绍

教育免费

用户群交流

免费使用

进入工作台

万兴科技（300624.SZ）生态成员

2023 个人网页设计作品合辑，给灵感发电！

在线使用Pixso

2023 个人网页设计作品合辑，给灵感发电！

设计师面试时，不仅需要准备一份精彩的简历，一份能证明自己设计功底的个人网页设计作品更是必不可少

点击查看更多个人网页设计作品

为了提升面试成功率，担任过面试官的设计总监建议你，不妨尝试搭建一个亮眼的个人网页！个人网页是展示设计师优秀作品以及设计能力的地方，通过出众的个人网页设计可以更加直接地向面试官证明，你是适合该岗位的不二人选。那应该如何构建优秀的个人网页呢？今天，Pixso就带大家一起来看看跳槽成功的设计师的优秀个人网站设计作品吧！

1. 3D风格的个人网站

3D模型作为近几年非常流行的个人网页设计趋势之一，新颖潮流，引人注目。通过展示3D风格的个人网站，定能得到面试官更多的青睐。

个人作品集网页展示模板 - 免费下载

2. 简约型的个人网站

采用深灰背景和浅灰文字作为格调的简约型个人网页设计，通过设计作品的色彩来吸引面试官的视觉关注，让优秀的作品为其面试加分。创建响应式移动端，更能方便面试官浏览作品集。

现在完成Pixso账号注册，点击顶部导航栏，进入“资源社区-设计素材”，输入关键词搜索，即可快速找到众多作品集和个人网站设计模板。

设计师网页作品集模板 - 免费下载

3. 单屏展示的个人网站

单屏展示的个人网页设计，可以更好地把握面试官了解面试者信息的节奏。留白空间与重要内容相互配合，极简的布局能够让面试官更加充分地记住设计师与设计作品，提高面试印象分！

网页UI作品集模板 - 免费下载

4. 展示经验的个人网站

在个人网页设计上展示设计作品集和介绍自己的同时，使用统计数据向面试官展示你拥有多少年设计经验、完成了多少个设计项目，以及获得过多少名客户的良好反馈，能够直观地展示你的综合实力。

现在完成Pixso账号注册，还可以享受Pixso会员的所有权益：无限文件数量、无协作者人数限制、无限云存储空间等等，心动不已了吧？别急，现在再让我们一起来看看，怎样的个人网站设计作品才能打动挑剔的面试官吧！

个人网页设计师作品集模板 - 免费下载

5. 博客型个人网站

对于拥有精美的个人网页设计作品和众多粉丝拥戴的优秀设计师来说，怎么能错过利用构建博客型的个人网站来向面试官展示自己设计能力的机会呢？丰富的作品和粉丝的数量就足以说明一切！

个人网页设计作品集模板 - 免费下载

6. 个性化个人网站

通过个性化的个人网页设计来展示设计作品和设计能力，能使设计师在面试中脱颖而出。Pixso资源社区的《作品集UI设计》素材，提供了80+全局样式、25+的设计组件、自动布局、基础样式等，满足设计师个性化需求！

个人网页设计作品模板 - 免费下载

7. 画册型个人网站

画册型个人网页设计类似于Dribbble和Behance等平台，首屏展示设计师的自我介绍，之后展示设计作品，网站和移动端的设计都很简单直观，让面试官清晰明了地了解应聘者。

画册型个人网页设计作品集模板 - 免费下载

8. 有品牌背书的个人网站

如果你曾经为多家出名的大型企业产出过设计作品，那不妨把这段工作经历在个人网页设计展示出来。因为拥有这样的品牌背书，不仅可以加深面试官的认可感，还能提升面试成功率！

品牌背书个人网页设计模板 - 免费下载

9. 视频展示个人网站

搭建个人网页设计更突出的好处是除了展示设计作品外，还能通过视频的方式来让面试官更深入地了解你的日常工作习惯和工作状态，这让面试官看到了录用你之后的收获。

设计师个人网页设计作品模板 - 免费下载

以上就是9组优秀的个人网页设计作品，相信大家对通过建站来展示作品集有了各自的想法，再结合在线个人网站设计工具Pixso，一定能够创建出与众不同的个人网站！如果想要做足充分的面试准备，建议你看看这篇Pixso的优质文章《6个常见的设计师面试问题，教你现场见招拆招！》，助你面试成功！

虽说通过构建个人网站来展示设计师作品集是一种非常直观的方式，但对于设计专业的初学者或不懂得编写建站代码的设计师来说，想要构建出众的个人网站，还是难免使其望而却步。别担心！在线协作个人网页设计工具Pixso，正好解决这个难题，点击免费注册Pixso。

设计资源

2023高品质电商设计模板，一键套用更省力！

电子商务重新定义了传统的流通模式，减少了中间环节，使得生产者和消费者的直接交易成为可能

了解更多

设计资源

Pixso正式上架ProtoPie插件，再次掀起跨平台协作浪潮！

ProtoPie 插件正式上架Pixso插件广场，为设计师构建复杂交互原型提供了一个更快速、更高效的解决方案

了解更多

设计资源

3D样机怎么在ps中使用？一键贴图下载，在线导出！

为了使设计作品更趋近于真实，设计师会选择使用3D样机素材，作为设计作品的载体

了解更多

设计资源

6个特别的网站设计案例，教你零基础设计网页!

优秀的网站设计，要能充分吸引访问者的注意力，让访问者产生视觉上的愉悦感

了解更多

文章目录

1. 3D风格的个人网站

2. 简约型的个人网站

3. 单屏展示的个人网站

4. 展示经验的个人网站

5. 博客型个人网站

6. 个性化个人网站

7. 画册型个人网站

8. 有品牌背书的个人网站

9. 视频展示个人网站

解决方案

UI设计

UX设计

原型设计

私有化部署

客户案例

探索

设计工具

设计技巧

最新功能

帮助中心

UI零基础

Pixso视频教程

对比

Figma

Sketch

Adobe XD

InVision Studio

Axure

Photoshop

关于我们

联系我们

关于我们

新闻动态

隐私政策

使用条款

入群交流

加入用户交流群

Pixso

开发者：深圳市博思云创科技有限公司

产品功能

软件版本：V1.64.0

隐私政策

应用权限

粤公网安备44030502008583

粤ICP备2021147974号-3

建立个人博客网站从未如此简单：25个优秀个人网站设计模板一步到位 - 知乎

建立个人博客网站从未如此简单：25个优秀个人网站设计模板一步到位 - 知乎首发于新手网站制作切换模式写文章登录/注册建立个人博客网站从未如此简单：25个优秀个人网站设计模板一步到位程序猿老橙视频教程看上面链接！在《老外的个人网站原来是这样设计的：17个最佳范例给你灵感》一文中，我和大家分享了17个优秀个人网站范例。相信看过的朋友一定会被这些精美独特的网站深深吸引，是不是也想要建立一个专属于自己的个人网站呢？看见美丽的事物，想要创造出同样美丽的事物是人之常情。但你也许会说，不会编程，不会UI, 时间也匮乏，怎么建立自己的网站呢？一些朋友也许就此望而却步。那就真的太过遗憾。别担心，本文我整理了25个优秀个人网站设计模板，你会发现，原来不用编程，也不用自己设计界面，各式各样取之不尽的主题就是你的网站UI，建立个人网站原来可以如此简单。同样，本文中我会按照个人网站的常用类别展开：1. 作品展示型个人网站 - 类似于Dribbble和Behance等平台，设计师展示个人作品，但个人网站主动性和功能性更强更丰富；2. Blog风格的个人网站 - 设计师分享自己的设计理念和想法，交换信息，吸引粉丝和关注；3. Online shop型的个人网站 - 此类个人网站会有商业用途；4. 简历型个人网站 - 优化传统简历，更好的呈现自己的作品和技能，找到更好的工作；5. 个人摄影网站 - 展示平面设计师，摄影师等的作品，是作品集网站的一种；6. 通用型个人网站模板 - 可适用于多种类型。此外，个人网站还有不同的制作工具和主题，比如基于HTML编辑器，基于Flash互动网页制作工具，使用Website Builder直接设计，Wordpress主题等等，我也将在每个推荐里展示出来，提供选择。一. 作品展示型个人网站模板1）John Doe - 基于HTML5 的单页免费作品集个人网站模板特点:使用最新的CSS Framework- Bootstrap创建流畅的CSS3 动画效果和jQuery插件.完全的可自定义编辑响应式界面设计Google字体同样适用于blog类型的个人网站设计John Doe尤其适合自由职业设计师的作品集个人网站制作，可以充分展示自己擅长什么以及想做什么，也可以展示自己以前的作品或项目。界面设计富有创意且优雅。只需一分钟，你就可以了解该模板是如何使用，及其简洁方便。这里已经有一些使用该模板制作个人网站的真实案例：Link 1: MARK DAVIES – IT CONSULTANTLink 2: http://qarniest.com/Download here.2） Assemble - 专属的作品集设计模板特点：18个美观的主页，单个项目模板，以及无数的作品集设计布局。酷炫的菜单样式和出色的悬停效果。可编辑的内置页面和响应式设计。完全兼容于电子商务广泛使用的免费WooCommerce插件。也适用于个人博客网站设计。Assemble是一个免费的在线作品集设计网站，可以将您的设计作品以一种完美的方式展示出来。它包含18个美观的主页供您自由选择，随心设计，打造专属的个人作品集网站。Download here3）Instant - 免费的响应式作品集个人网站模板特点：包含3页的WordPress主题模板。使用Bootstrap 3构建。全屏幕和视差背景。适用于多种浏览器。精美字体。Instance是那些才华横溢的专业设计师建立个人网站的不二选择。设计精美，界面干净，极具创意。包含精心设计的HTML5 Bootstrap模板。它是专门为个人作品集网站建设而设计的。最重要的，该模板完全免费！用户反馈：“ Beautiful work. A cure to poorly designed eye-sore websites. Thanks for your work!! ” - Daniel Ekal.Download here.4) http://Template.net - 作品集展示模板特点：基于HTML5构建。100％可自定义编辑。紧跟最新设计趋势并且极具独特风格。包含作品集，简历，商业用途等网站模板。http://Template.net 提供丰富的个人网站模板，包括可用于展示产品的设计，作品集或插图。尤其作品集模板的创意主题被广泛使用。这个基于HTML5的作品集模板为设计增添了独特的触感，可以帮您丰富网站创意。Download here.5) Erika - 轻量型的个人作品集网站模板特点：基于Bootstrap 3.x创建。完全的响应式设计。包含页面模板。包含HTML＆CSS＆JS文件和有效的 HTML5 / CSS3。8 个主页模板，3 个标题样式，24 个作品集设计选择，以及55 页面模板。包含Ajax的动态PHP联系表单。这是一个包含8个主页变体的多页面个人网站模板。编码良好，你还可以将其轻松的转换为WordPress格式。在干净的白色背景上，文字和其他网页元素清晰可见，您可以清晰地展示您的作品。用户可以轻松地在页面标签之间切换，以查看您的作品集。悬停效果和其他动画效果非常酷炫。Download here.6） Martin - 极具创意的单页网站模板特点：基于Bootstrap最新版本创建。包含HTML5，CSS3，jQuery。完全的响应式设计。免费更新。SEO优化良好。Martinis 是一个简单，富有创造性和完全可响应的HTML模板，可用于展示您的作品集和个人信息。该模板中使用了所有的现代技术，比如HTML5，CSS3，bootstrap和jQuery。该模板可以给你一个个人空间，无论是设计师，开发人员，摄影师，都可以在这里进行创意设计。Download here.二. 个人博客网站模板1）Pofo - 创意Html5 / Css3博客网站模板特征：快速页面加载。免费更新。体验摹客在线原型设计立即体验极佳的创造性和互动性，灵活强大的HTML5 / CSS3模板。25个以上的主页演示，包括一个页面主页，210多个HTML页面，150多个不同风格的独特元素。您可以使用Pofo中不同的列表样式构建一个专业的博客界面，还可以自己制作博客和画廊，或者使用Slider Revolution设置图片里的任何内容。使用Pofo创建博客的一个优点是一切都很简单。它易于浏览（简单，干净的图像框和文本框），方便阅读（直观的博客文章页面样式）。页面加载速度快，并在搜索引擎上进行了优化。Download here.2）Free CSS - 多样化博客模板特征：各种博客模板主题。基于HTML5构建。响应式设计。也可以用于摄影作品集和商业博客。Free CSS是一个不同主题的博客模板的大集合。每个主题都有特殊的功能和特色，是一个分享您的想法和写作的好地方。只需选择你最喜欢的一个主题，就可立即创建一个个人博客网站。所有主题都是就免费的！Download here.3）Ablogia - 个人博客网站模板特征：基于Bootstrap 4.0.0-beta创建。基于HTML5＆CSS3构建。现代且极具创造性的设计。W3C有效的HTML。完美像素。800多种Google字体。Ablogia是一个简单，干净且优雅的博客模板，使用现代技术，如最新bootstrap，html5，css3，jquery等建立了这个模板。界面非常干净。Download here.4）Creativemarket - WordPress博客主题特征：超过960个WordPress博客主题。基于Bootstrap 4.0.0-beta创建。用HTML5＆CSS3构建。搜索引擎优化。该模板包含了近千个WordPress主题。您可以体验流畅的博客网站加载和页面切换。博客主题与白色和浅蓝色形成鲜明的对比，你想要展示的信息会清晰呈现。该模板的建立基于最新的HTML5和CSS3技术，并有搜索引擎优化。您可以选择将主题翻译成多种语言，且适用于所有浏览器。Download here.5）Read Personal Blog Template特点：用bootstrap构建。响应式设计。干净的布局。完整的文档。Read是最轻量化的个人博客设计模板。有干净的界面和响应的主题。它适用于任何种类的个人博客网站设计，比如旅行日记或教程博客。Download here.三. 个人电子商务/网店网站模板1. Preface - 免费的响应式网站模板特征：响应式设计。基于Bootstrap和jQuery创建。W3C有效的HTML5和CSS3。Preface是一个质量一流的免费个人网站模板。完全响应式设计，UI界面设计高级具有质感。这个免费的个人Bootstrap模板具有高质量的设计和代码。它充分响应，可用于商业和个人推广目的。免费下载！Download here.2）Jevelin特征：一键式网站安装。拖放元素即可的页面生成器。社交共享功能。搜索引擎优化。多语言和RTL支持。终身更新和用户支持。Jevelin是一个响应式的WordPress主题模板。不需任何专业背景，对于非程序员或忙碌的人来说是最合适不过的。它拥有有大量页面元素可供选择。贴心的是，提供视频教程来指导你。它使用拖放页面生成器和MegaMenu来简化许多面板任务。Jevelin本质上是多用途的，适用于多种浏览器或各种设备。Jevelin也拥有优化的SEO导航。Download here.3）Kards - 免费的个人网站模板特征：充分响应的HTML5和CSS3模板。极具现代感且干净的设计。时间轴项目。易于自定义。兼容所有主流浏览器。Kards基于Bootstrap框架设计，是个人作品集，博客或商业用途的最佳模板。组织有序的代码使它很容易进行自定义设计和使用。它的创意设计可以吸引客户到您的网站，使其成为您的业务合作伙伴。该模板跨浏览器兼容，完全免费。download here.四. 个人简历网站模板1） CVstrap - 免费的个人网站模板特征：响应式设计。基于Bootstrap 3构建。CVSTrap在众多的模板类别中是独一无二的。这是一个免费的简历型HTML5模板，使用该模板，创建一个满意的简历个人网站只需不到一个小时。Download here.2）Juleha - 单页简历模板特征：用Bootstrap构建。多样的字体选择。动画标题。基于HTML5和CSS3创建。完美配色方案。Ajax联系表单。轻松自定义。Juleha是一个简洁干净的单页简历模板。支持的浏览器包括IE 10+，最新的Firefox，最新的Chrome，最新的Safari，最新的Opera等。Download here.3）Easy Resume – 免费的响应式模板特征：用Bootstrap 3构建。包含HTML5和CSS3。包含JavaScript和jQeury。单页多层布局设计。Google的移动设备测试。跨浏览器兼容。EASY RESUME是一个Bootstrap响应式网站模板。设计特别，具有令人印象深刻的视频横幅。这个完全响应式的模板是使用HTML5，CSS3和Bootstrap框架设计的。特色设计之处在于：颜色，图像，悬停动画，平面网格模式，视频背景等。该模板完全免费。Download here.五．个人摄影网站模板。1）Click - 免费的响应式的个人作品集网站模板功能：全屏幕标题背景。跨浏览器兼容。流畅的CSS3动画。100％的搜索引擎优化。100％完全可自定义设计。用HTML5和CSS3构建。Bootstrap前端框架。Click是一款干净免费的HTML5 Bootstrap模板，专为个人摄影作品和专业摄影展示设计。该模板由提供者精心设计，强调排版和整体用户体验。不同年龄阶段的设计师或者摄影师都可以在这里展示自己的作品。所有服务完全免费！Download here.2）Liza Photography - 令人惊叹的摄影网站模板特征：9令人惊叹的画廊布局。全屏图库支持。多个菜单布局。用HTML5和CSS3构建。强调排版和可用性。具有650多种Google字体的高级版。免费终身更新。该模板是一个优秀的HTML网站模板，您可以创建一个专业的作品集网站并且创建一个博客。该模板有各种各样的画廊，如网格等，可以很好的展示您的摄影作品。Download here.3）SELFIE - 个人摄影师HTML模板特征：响应式布局。滑块介绍方式。Instagram资讯介绍。Html 5和CSS3。包括一个页面布局。包括博客单页和博客详细信息页面。SELFIE是一个极具现代感的摄影师网站模板。专为摄影师设计，可以显示您的照片库。该模板具有独特和现代的页面布局，提供了一系列的多设计和多布局选择。该模板是完全响应式的，并已针对平板电脑和智能手机进行了优化。Download here.4）Opta - 最轻量的的作品集和摄影HTML模板特征：响应式布局以适应任何屏幕尺寸。简单的图像滑块和文本滑块。Google Web字体。PHP联系表格。任何时候都可以直接向模板开发人员获得一流的支持。Opta是一个简约的作品集和摄影HTML模板。使用此模板，您可以只用几个步骤就能创建一个惊人的网站。该模板灵活且易于定制，并且是响应式布局。Download here.六．其他通用型个人网站模板1）Awesome - 免费的响应式个人模板Download here.2）Wix - 强大的个人网站生成器和模板提供者Download here.3）Universal - 轻巧的智能化html5 模板download here.4）Unibody - 多功能多页面的HTML5模板Download here.借助这些模板，往往不需要花费过多的精力就可以自己创建一个个人网站，甚至不用一行代码，就连UI也有付费和免费的主题可以一键搞定。希望这些优秀的个人网站模板能给您设计网站提供帮助。但是如果你还是想要拥有独一无二的个人网站，设计师只有去真正的进行创作和设计。你需要好的设计灵感，一点一点打造，这里推荐您使用国内最好的原型设计工具Mockplus进行初步构思，把界面和元素进行整合排版，并且搭建相应的交互。最大的优点是你可以在网页进行HTML演示，在线查看您的构思是否合理，设计是否美观，这对后期的设计和开发都将大有裨益。发布于 2020-03-19 20:36个人博客独立博客个人网站赞同 232 条评论分享喜欢收藏申请转载文章被以下专栏收录新手网

66个网页界面设计——收藏版 | 设计达人

设计达人

爱设计，爱分享。

设计作品 » 66个网页界面设计——收藏版

66个网页界面设计——收藏版

11月 7, 2019

发表于: 设计作品.

Sponsor

观摩别人的优秀作品，是丰富自己对版式设计理解的重要途径。优秀的版式设计，它的文字、图片（图形）和色彩等视觉元素都是有目的、有组织地排列和组合，也是自己掌控元素的综合能力体现。今天为大家推荐66个人工精选的优秀网页界面设计作品，是值得反复推敲的上乘之作，请大家收藏细细品味。

PS：以下网页设计作品均采集自@dailywebdesign的ins列表，故没有对应的作者作品集链接。

所有设计师！不要错过每一幅网页设计佳作，欣赏之余用心分析表现思路和手法运用！将设计灵感推陈出新。

图：星球碰撞概念网站 by @trionndesign

图：比特币采矿网站 by Mike creative Minds

图：白噪音网站 by @mikekus

图：旅游网站 by Creative Mints

旅游宣传设计有一种根据图片空间感穿插文字效果的手法，主图的文字通过噪点渐变和透明度蒙版营造融入云雾若隐若现的效果。

图：by @nrlyco

图：跑步网站 by @lgndhq

这个跑步主题网站，通过三个图形（三角形、圆形、平行四边形）构成异形排版。对于空白区域可以适当采用图形色块和大小调整来成为主图的衬托。异形排版对于文字、图片（图形）和色彩的运用要求较高，如果把握不好的话，画面整体上会比较凌乱。

而这幅作品版式上比较简约，但是我们可以看到文字上有清晰的逻辑布局。主体文案沿着两个三角形之间的空白右偏，因此在左上角和平行四边形蒙版照片的左边放置副文案，起到平衡版式的作用。文字上采用一些技巧来让文字不单调，如辅助图形的运用和文字大小的对比。

图：Mooc网站 by @lobanovskiy

版式的副标题前面加上一条竖线，线条颜色与背景图的主题颜色（青色）一致，在字号小的前提下凸显标题。

色块的用色上，左右采用黑白色，中间采用青色，黑白在艺术上不算颜色，能够包容所有颜色的存在，故用中性色衬托中间的青色。

底部有断开的不完整文字，提示用户可以滚动页面查看更多的内容。如果不断开文字的话，容易让用户误以为当前页面就是全部内容，从而忽略后面的内容。

图：电商网站 by Sylvain Theyssens

图：文字穿插风格网页设计 by Ali Sayed

高级的食材做法往往最简单。同理，一张高精度、表现力强的图片往往不作过多的修饰处理。这里对章鱼使用文字穿插效果，利用文字穿插突出章鱼的动感姿势，增强空间层次感，迅速抓住受众眼球。文字根据主体的形状特征作蒙版处理。

图：by @eskorwerbeagentur

图：咖啡饮品网站 by @farzanfaruk

图：果馅饼网站 by @kris_anfalova

图：马卡龙网站 by @eskorwerbeagentur

我们有时会看到一些创意合成的海报，被里面的创意所折服。不知大家有没有注意到这种海报往往是内容主体，角落是品牌LOGO和产品图，背景色往往是纯色或简单效果的单一色系。这样做是为了不让其他元素喧宾夺主，确保主要内容的凸显，直接让受众感受主体的表现力。

图：事件计划网站 by @basit.akhan

图：交互设计服务网站 by @basita.khan11

图：旅游网页设计 by @des.saloroman

图：空间感很强大的房地产网站 by Mike | Creative Mints

图：设计工具类网站 by @lobanovskiy

图：by @walidbeno

图：天文观测类网页设计 by Ali Sayed

图：by @burakuidesigner

设计中有一个技巧是从图片中选取主色作为设计中的强调色。一般这种取色需要适当调整使得色彩更贴切整体观感。这张网页设计，文字的强调色通过驼鸟的体色选取，饱和度偏低，不会过于亮眼。底色和强调色，对比鲜明。

图：战争历史网页设计 by @unusualpixels

图：杀毒安全类app网页设计 by @denmarux

图：by @manuelroviradesign

图：adidas官网设计 by @_jackduran

图：by Johan Adam Horn

图：艺术品销售网站 by @konturpasha

图：影视宣传类网页设计 by Ben Schade

图：展览类网页设计 by @dogstudio_be

图：产品宣传网页设计 by @titusruiz

这张网页设计如果没有底部的斜白条，视觉效果上会平庸些。底部的白条起到画龙点睛的作用，突出灯具的主体特征。

图：by @siddris14

图：产品宣传类网页设计 by strive

图：商业辅导类网页设计 by @zachinoff

图：食品类网页设计 by @gtamarashvili

图：电影宣传网页设计 by @matt.wojtas

图：Nike官网设计 by @farzanfaruk

图：by @capouska

图：手表宣传网页设计 by @staromlynski.design

图：旅游指南网页设计 by @adriengervaix

图：个人简历网站 by @bepatrickdavid

图：攀登运动类网页设计 by @timovaknar

图：汽车宣传网站 by @siddris14

图：肌理插画风格网站 by Zak Steele

图：服装网站设计 by Dawid Tomczyk

图：Nike官网设计 by Manoj Rajput

图：沙漠越野赛车网站 by @designkes

图：法国标致越野车网站 by @abaygulov

图：人物历史类网站 by @taylorperrin_

图：攀登类网页设计 by @abd_bzn

图：设计服务类网页设计 by Ali Sayed

图：雪糕宣传网站 by @folticadigital

图：自行车产品宣传网页设计 by @m_strba

图：种子末日备份网站 by @drawingartmk

图：健康食品网页设计 by @drawingartmk

图：交通信息类网页设计 by @walidbeno

图：星际旅行概念类网站 by Ruben Sargsyan

图：摩托车宣传网站 by @kreativa.studio

图：埃及遗迹旅游网页设计 by @achraf.elkaami

图：品牌网页设计 by @m.r._shamim

图：灯具宣传网站 by @m.r._shamim

图：动物图片网站 by @reisshuss

图：协作工具网页设计 by @herdetya

图：by @marcinjozwiak.pl

图：意大利旅游网站 by @jess.caddick

图：食品运输网页设计 by Rwds

图：面包宣传网页设计 by @woodscout

以上是今日的网页设计分享，有没有get到一些排版、配色等创意灵感？没有的话多看几遍或收藏起来作灵感之用途。

推荐：查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com

交流：为设计新人提供的设计交流群，请加入UI设计交流群，分享经验、接单、求职、聊设计。

赞助商链接

与网页设计相关的文章

很有吸引力的网页排版设计，作品集就“抄”它！

拆解淘宝首页粗糙的设计细节

SQSP 科技公司的网页设计

数智服务品牌官网设计分享

优质Web3设计案例，这将是Web3时代的设计趋势！

带有复古艺术感的手霜详情页设计

赞助商链接

喜欢这篇文章吗？欢迎分享到你的微博、QQ群，并关注我们的微博，谢谢支持。

版权：除非注明，本站文章均为原创文章，转载请联系我们授权，否则禁止转载。

« 不会插画？送你21个免费的UI插画素材网站

9个Android和iOS之间的交互差异点 »

{ 发表评论 }

点击这里取消回复。

姓名 (必填)

邮件 (必填)

网站

分类目录AI绘画教程

优秀设计资源

视觉设计

设计作品

设计工具

交互设计

用户体验

HTML & CSS

设计杂谈

产品设计

美工兼职接单

页面在线AI绘画

设计导航

设计书籍

关于

推荐书籍

艺术的故事艺术与审美入门之书

DON'T MAKE ME THINK设计师必看

《移动应用UI设计模式》手机APP设计

《设计心理学全四册》高阶技能！

JavaScript权威指南(第5版)只能说牛X

《见微知著》Web用户体验入门书籍

经典网页设计：25个优秀的个人网站设计欣赏-阿里云开发者社区

产品解决方案文档与社区权益中心定价云市场合作伙伴支持与服务了解阿里云售前咨询 95187-1 在线服务售后咨询 4008013260 在线服务其他服务我要建议我要投诉更多联系方式备案控制台开发者社区首页探索云世界探索云世界云上快速入门，热门云上应用快速查找了解更多问产品动手实践考认证TIANCHI大赛活动广场活动广场丰富的线上&线下活动，深入探索云世界任务中心做任务，得社区积分和周边高校计划让每位学生受益于普惠算力训练营资深技术专家手把手带教话题畅聊无限，分享你的技术见解开发者评测最真实的开发者用云体验乘风者计划让创作激发创新阿里云MVP遇见技术追梦人直播技术交流，直击现场下载下载海量开发者使用工具、手册，免费下载镜像站极速、全面、稳定、安全的开源镜像技术资料开发手册、白皮书、案例集等实战精华插件为开发者定制的Chrome浏览器插件探索云世界新手上云云上应用构建云上数据管理云上探索人工智能云计算弹性计算无影存储网络倚天云原生容器serverless中间件微服务可观测消息队列数据库关系型数据库NoSQL数据库数据仓库数据管理工具PolarDB开源向量数据库热门Modelscope模型即服务弹性计算云原生数据库物联网云效DevOps龙蜥操作系统平头哥钉钉开放平台大数据大数据计算实时数仓Hologres实时计算FlinkE-MapReduceDataWorksElasticsearch机器学习平台PAI智能搜索推荐人工智能机器学习平台PAI视觉智能开放平台智能语音交互自然语言处理多模态模型pythonsdk通用模型开发与运维云效DevOps钉钉宜搭支持服务镜像站码上公益

开发者社区

开发与运维

文章

正文

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

2014-02-25

2652

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《

阿里云开发者社区用户服务协议》和

《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写

侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

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

您可能感兴趣的相关文章

25个以全屏照片为背景的精美网页作品

分享35个非常漂亮的单页网站设计案例

10套精美的免费网站后台管理系统模板

25个国外优秀的电子商务网站设计案例

12个优秀的 HTML5 网站设计案例欣赏

Cat Rabbit

CMYK08

Me and My AAA

Mark Lawrence Design

Identity Withheld

Concepteur multimedia

Danielvazquez

James Garner

Ralph Millard

Design Embraced

CRSSRD

Tomcash

Ricky Downs Design

Nolovelost

Words are pictures

Colly

Ryan Todd

Stephan Siegrist

Not Pretty

Wing Cheng

Artsybury

Jaspera Arts

Graylabel

Spunqi

您可能感兴趣的相关文章

经典设计：关注用户体验的20个网站

25个优秀的国外单页网站设计作品欣赏

让人惊叹的国外创意404错误页面设计

16个精美的HTML5作品集网站设计案例

经典网页设计：25个华丽的CSS网站作品

本文链接：经典网页设计：25个优秀的个人网站设计欣赏

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

作者：山边小溪主站：yyyweb.com 记住啦：）欢迎任何形式的转载，但请务必注明出处。

秋天风景

10个优秀个人网站作品欣赏，建议收藏-即时设计

设计社区

我们的优势

设计教程

帮助中心

最新功能

下载

定价

关于我们

免费使用

设计文章

> 10个优秀个人网站作品欣赏，建议收藏

10个优秀个人网站作品欣赏，建议收藏

更新时间：2023-08-01 17:33:16

本文为大家盘点了 10 个优秀的个人网站作品，均来自于即时设计的资源广场。网站设计往往是一个复杂的过程，从前期的调研整理到后来的设计制作，往往需要设计师们投入大量的心血。今天就为大家分享来自即时设计的 10 个不同类型的优秀网站作品，希望能够为大家提供一些关于网站的设计思路与灵感，同时也推荐大家使用即时设计来进行网站设计。即时设计是国内首款可云端编辑的专业级 UI 设计工具，能够一站式完成网站设计，资源广场内还有丰富的设计资源，是一款能够免费使用的轻量级设计软件，对于新手友好，非常适合国内用户使用。点击图片立即体验即时设计1、手游网站界面设计网站整体以黑色、红色为背景色，增加了视觉的层次感和深度，科幻风的人物设计给用户带来了一种神秘的感觉。运用了 3D 立体图标，网站内容非常详细，暗黑风格能够充分吸引游戏玩家的注意力。2、电影播放网站设计传统的电影播放网站排版格式，Banner 图充满未来科技感。上方具有搜索框以及登陆页面，下部分页面内容为电影海报、作品简介及演员介绍，排版整洁清晰，值得学习。3、电商网站主题设计这是一个蛋糕电商网站的首页，整体呈粉红色少女风，搭配不同样式的蛋糕图片以精美的摄影和视觉效果达到吸引用户的目的，信息齐全，排版看起来使人感到舒适喜欢从而产生对食物购买的欲望。4、视频简历网站界面视频简历网站，整体背景色蓝白搭配，简洁明了。网站内分别有自我介绍、项目经历、荣誉奖项、自我评价等板块内容，如果你正在求职，想要给 hr 一个眼前一亮的简历，那么这个视频简历网站将是你最好的选择。5、旅游摄影网站模板这是旅游爱好者与摄影爱好者的天堂，包含了 10 个页面，内容全面。背景色以白色为主色调，绿色为辅助色，给用户一种清新淡雅的感觉，网页内容包含了世界各地的旅游地点攻略与介绍，还有各位摄影爱好者们所发布的摄影作品。6、宠物主题网站设计这是一个宠物促销网站，网站内拥有大量的宠物图片与它们的名字、介绍、出生日期等信息。这是一个专为宠物设计的网站，其中还有宠物用品购买渠道。7、音乐网站设计整体为深色背景模式，是一个成熟的音乐网站设计模板，作品内容十分全面，歌曲信息、歌手简介、聊天页面、社区互动讨论等等，应有尽有。8、美食网站设计背景色为粉白相间的条纹，网页内容涵盖了多种菜品的教程方法，干货满满。这些网页界面都以真实的食物图片为主要特色，通过精美的摄影和视觉效果，展示了各类美味佳肴，让用户在访问网站时产生食欲和学习兴趣。9、教育平台网站背景色为纯白色，Banner图的选用为真实人物图片，通过真实展示学习场景而奠定网站基调。网站介绍了教育平台的特色课程，附上了课程评分、价格与地理位置，方便用户了解。10、书籍类网站UI设计这是一个关于书籍的网站设计，背景为白色，页面介绍了各种类型的图书与杂志，包括书籍的内容简介与价格，排版简约大方，非常适合杂志类、书籍类网站使用。以上就是本文为大家分享的 10 个优秀的个人网站作品了，相信大家此时已经对于网站设计有所了解了，文中所有的设计网站均来自于即时设计的资源广场。除此之外资源广场内还有更多的设计资源，不仅有网站，还有海报、图标、插画、页面等各种类型的设计模板。且所有的模板都能够一键使用，用户可以在模板的基础上进行内容修改，所有的素材模板全部免费使用，更多设计素材，即时设计等你来看。

立即体验即时设计

免费在线协作设计工具

云端操作存储

无需下载安装

上万款素材资源

即拿即用

原生中文，比Figma

更懂中国设计师

个人/中小团队

均免费使用

立即体验即时设计

设计软件推荐

Figma

Figma 是一款基于浏览器、可协作的UI设计工具,你可以在...

最新功能

服务条款

开发者中心

公司

关于我们

加入我们

成长历程

媒体报道

设计专题

Figma

Sketch

Axure

设计文章

联系我们

010-57296155

contact@xiaopiu.com

用户交流群

微信公众号

建立个人网站从未如此简单：25个优秀个人网站设计模板一步到位

摹客

产品

摹客设计云

摹客协作

交付Sketch/XD/PS/Figma/Axure设计稿

摹客RP

原型设计工具，高效易用

摹客DT

UI设计工具，更懂中国设计师

设计系统

轻松定制规范，高效管理资源

Mockplus 经典版

Mockplus 客户端

桌面端原型设计软件

Mockplus 离线版

内网专用版，高安全性

领永久免费

下载

插件

PS插件

Sketch插件

XD插件

Figma插件

Axure插件

在线工具桌面端

摹客RP桌面版

摹客DT桌面版

Mockplus 经典版

Mockplus 客户端

移动端应用

摹客移动App

摹客飞书小程序

企业服务

价格

摹客协作

摹客RP

摹客DT

摹客超级版

模板例子

插件市场

教程

简

摹客

设计协作，用摹客

更好的产品协作设计平台，设计师的利器，产品经理的帮手，工程师的伙伴

开始使用

文章分类

走进摹客

网页设计

APP设计

产品设计

行业动态

前端开发

员工故事

设计软件

设计信息

设计工具

产品信息

企业案例

设计1+2，摹客就够了！

摹客，支持Sketch/PS/XD/Figma/Axure设计稿交付、自动标注切图、全流程协作。助力产品团队高效工作！

立即开启

【友情推荐】uimaker - 专注于ui设计，为ui设计师提供ui设计相关教程、素材及灵感。

了解更多

入门教程了解更多

设计协作快速入门

在线设计快速入门

设计规范快速入门

成都君德鑫力达科技发展有限公司

分享到微信朋友圈：

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

博客

网页设计

建立个人网站从未如此简单：25个优秀个人网站设计模板一步到位

Trista

2018-01-29

1139432

#优秀网页设计欣赏

在《老外的个人网站原来是这样设计的：17个最佳范例给你灵感》一文中，我和大家分享了17个优秀个人网站范例。相信看过的朋友一定会被这些精美独特的网站深深吸引，是不是也想要建立一个专属于自己的个人网站呢？看见美丽的事物，想要创造出同样美丽的事物是人之常情。但你也许会说，不会编程，不会UI, 时间也匮乏，怎么建立自己的网站呢？一些朋友也许就此望而却步。那就真的太过遗憾。别担心，本文我整理了25个优秀个人网站设计模板，你会发现，原来不用编程，也不用自己设计界面，各式各样取之不尽的主题就是你的网站UI，建立个人网站原来可以如此简单。同样，本文中我会按照个人网站的常用类别展开：1. 作品展示型个人网站 - 类似于Dribbble和Behance等平台，设计师展示个人作品，但个人网站主动性和功能性更强更丰富；2. Blog风格的个人网站 - 设计师分享自己的设计理念和想法，交换信息，吸引粉丝和关注；3. Online shop型的个人网站 - 此类个人网站会有商业用途；4. 简历型个人网站 - 优化传统简历，更好的呈现自己的作品和技能，找到更好的工作；5. 个人摄影网站 - 展示平面设计师，摄影师等的作品，是作品集网站的一种；6. 通用型个人网站模板 - 可适用于多种类型。此外，个人网站还有不同的制作工具和主题，比如基于HTML编辑器，基于Flash互动网页制作工具，使用Website Builder直接设计，Wordpress主题等等，我也将在每个推荐里展示出来，提供选择。一. 作品展示型个人网站模板1）John Doe - 基于HTML5 的单页免费作品集个人网站模板特点:使用最新的CSS Framework- Bootstrap创建流畅的CSS3 动画效果和jQuery插件.完全的可自定义编辑响应式界面设计Google字体同样适用于blog类型的个人网站设计John Doe尤其适合自由职业设计师的作品集个人网站制作，可以充分展示自己擅长什么以及想做什么，也可以展示自己以前的作品或项目。界面设计富有创意且优雅。只需一分钟，你就可以了解该模板是如何使用，及其简洁方便。这里已经有一些使用该模板制作个人网站的真实案例：Link 1: MARK DAVIES – IT CONSULTANTLink 2: موقع مؤسسة إدارة البناء للمقاولات العامةDownload here.2） Assemble - 专属的作品集设计模板特点：18个美观的主页，单个项目模板，以及无数的作品集设计布局。酷炫的菜单样式和出色的悬停效果。可编辑的内置页面和响应式设计。完全兼容于电子商务广泛使用的免费WooCommerce插件。也适用于个人博客网站设计。Assemble是一个免费的在线作品集设计网站，可以将您的设计作品以一种完美的方式展示出来。它包含18个美观的主页供您自由选择，随心设计，打造专属的个人作品集网站。Download here3）Instant - 免费的响应式作品集个人网站模板特点：包含3页的WordPress主题模板。使用Bootstrap 3构建。全屏幕和视差背景。适用于多种浏览器。精美字体。Instance是那些才华横溢的专业设计师建立个人网站的不二选择。设计精美，界面干净，极具创意。包含精心设计的HTML5 Bootstrap模板。它是专门为个人作品集网站建设而设计的。最重要的，该模板完全免费！用户反馈：“ Beautiful work. A cure to poorly designed eye-sore websites. Thanks for your work!! ” - Daniel Ekal.Download here.4) Template.net - 作品集展示模板特点：基于HTML5构建。100％可自定义编辑。紧跟最新设计趋势并且极具独特风格。包含作品集，简历，商业用途等网站模板。Template.net 提供丰富的个人网站模板，包括可用于展示产品的设计，作品集或插图。尤其作品集模板的创意主题被广泛使用。这个基于HTML5的作品集模板为设计增添了独特的触感，可以帮您丰富网站创意。Download here.5) Erika - 轻量型的个人作品集网站模板特点：基于Bootstrap 3.x创建。完全的响应式设计。包含页面模板。包含HTML＆CSS＆JS文件和有效的 HTML5 / CSS3。8 个主页模板，3 个标题样式，24 个作品集设计选择，以及55 页面模板。包含Ajax的动态PHP联系表单。这是一个包含8个主页变体的多页面个人网站模板。编码良好，你还可以将其轻松的转换为WordPress格式。在干净的白色背景上，文字和其他网页元素清晰可见，您可以清晰地展示您的作品。用户可以轻松地在页面标签之间切换，以查看您的作品集。悬停效果和其他动画效果非常酷炫。Download here.6） Martin - 极具创意的单页网站模板特点：基于Bootstrap最新版本创建。包含HTML5，CSS3，jQuery。完全的响应式设计。免费更新。SEO优化良好。Martinis 是一个简单，富有创造性和完全可响应的HTML模板，可用于展示您的作品集和个人信息。该模板中使用了所有的现代技术，比如HTML5，CSS3，bootstrap和jQuery。该模板可以给你一个个人空间，无论是设计师，开发人员，摄影师，都可以在这里进行创意设计。Download here.二. 个人博客网站模板1）Pofo - 创意Html5 / Css3博客网站模板特征：快速页面加载。免费更新。极佳的创造性和互动性，灵活强大的HTML5 / CSS3模板。25个以上的主页演示，包括一个页面主页，210多个HTML页面，150多个不同风格的独特元素。您可以使用Pofo中不同的列表样式构建一个专业的博客界面，还可以自己制作博客和画廊，或者使用Slider Revolution设置图片里的任何内容。使用Pofo创建博客的一个优点是一切都很简单。它易于浏览（简单，干净的图像框和文本框），方便阅读（直观的博客文章页面样式）。页面加载速度快，并在搜索引擎上进行了优化。Download here.2）Free CSS - 多样化博客模板特征：各种博客模板主题。基于HTML5构建。响应式设计。也可以用于摄影作品集和商业博客。Free CSS是一个不同主题的博客模板的大集合。每个主题都有特殊的功能和特色，是一个分享您的想法和写作的好地方。只需选择你最喜欢的一个主题，就可立即创建一个个人博客网站。所有主题都是就免费的！Download here.3）Ablogia - 个人博客网站模板特征：基于Bootstrap 4.0.0-beta创建。基于HTML5＆CSS3构建。现代且极具创造性的设计。W3C有效的HTML。完美像素。800多种Google字体。Ablogia是一个简单，干净且优雅的博客模板，使用现代技术，如最新bootstrap，html5，css3，jquery等建立了这个模板。界面非常干净。Download here.4）Creativemarket - WordPress博客主题特征：超过960个WordPress博客主题。基于Bootstrap 4.0.0-beta创建。用HTML5＆CSS3构建。搜索引擎优化。该模板包含了近千个WordPress主题。您可以体验流畅的博客网站加载和页面切换。博客主题与白色和浅蓝色形成鲜明的对比，你想要展示的信息会清晰呈现。该模板的建立基于最新的HTML5和CSS3技术，并有搜索引擎优化。您可以选择将主题翻译成多种语言，且适用于所有浏览器。Download here.5）Read Personal Blog Template特点：用bootstrap构建。响应式设计。干净的布局。完整的文档。Read是最轻量化的个人博客设计模板。有干净的界面和响应的主题。它适用于任何种类的个人博客网站设计，比如旅行日记或教程博客。Download here.三. 个人电子商务/网店网站模板1. Preface - 免费的响应式网站模板特征：响应式设计。基于Bootstrap和jQuery创建。W3C有效的HTML5和CSS3。Preface是一个质量一流的免费个人网站模板。完全响应式设计，UI界面设计高级具有质感。这个免费的个人Bootstrap模板具有高质量的设计和代码。它充分响应，可用于商业和个人推广目的。免费下载！Download here.2）Jevelin特征：一键式网站安装。拖放元素即可的页面生成器。社交共享功能。搜索引擎优化。多语言和RTL支持。终身更新和用户支持。Jevelin是一个响应式的WordPress主题模板。不需任何专业背景，对于非程序员或忙碌的人来说是最合适不过的。它拥有有大量页面元素可供选择。贴心的是，提供视频教程来指导你。它使用拖放页面生成器和MegaMenu来简化许多面板任务。Jevelin本质上是多用途的，适用于多种浏览器或各种设备。Jevelin也拥有优化的SEO导航。Download here.3）Kards - 免费的个人网站模板特征：充分响应的HTML5和CSS3模板。极具现代感且干净的设计。时间轴项目。易于自定义。兼容所有主流浏览器。Kards基于Bootstrap框架设计，是个人作品集，博客或商业用途的最佳模板。组织有序的代码使它很容易进行自定义设计和使用。它的创意设计可以吸引客户到您的网站，使其成为您的业务合作伙伴。该模板跨浏览器兼容，完全免费。download here.四. 个人简历网站模板1） CVstrap - 免费的个人网站模板特征：响应式设计。基于Bootstrap 3构建。CVSTrap在众多的模板类别中是独一无二的。这是一个免费的简历型HTML5模板，使用该模板，创建一个满意的简历个人网站只需不到一个小时。Download here.2）Juleha - 单页简历模板特征：用Bootstrap构建。多样的字体选择。动画标题。基于HTML5和CSS3创建。完美配色方案。Ajax联系表单。轻松自定义。Juleha是一个简洁干净的单页简历模板。支持的浏览器包括IE 10+，最新的Firefox，最新的Chrome，最新的Safari，最新的Opera等。Download here.3）Easy Resume – 免费的响应式模板特征：用Bootstrap 3构建。包含HTML5和CSS3。包含JavaScript和jQeury。单页多层布局设计。Google的移动设备测试。跨浏览器兼容。EASY RESUME是一个Bootstrap响应式网站模板。设计特别，具有令人印象深刻的视频横幅。这个完全响应式的模板是使用HTML5，CSS3和Bootstrap框架设计的。特色设计之处在于：颜色，图像，悬停动画，平面网格模式，视频背景等。该模板完全免费。Download here.五．个人摄影网站模板。1）Click - 免费的响应式的个人作品集网站模板功能：全屏幕标题背景。跨浏览器兼容。流畅的CSS3动画。100％的搜索引擎优化。100％完全可自定义设计。用HTML5和CSS3构建。Bootstrap前端框架。Click是一款干净免费的HTML5 Bootstrap模板，专为个人摄影作品和专业摄影展示设计。该模板由提供者精心设计，强调排版和整体用户体验。不同年龄阶段的设计师或者摄影师都可以在这里展示自己的作品。所有服务完全免费！Download here.2）Liza Photography - 令人惊叹的摄影网站模板特征：9令人惊叹的画廊布局。全屏图库支持。多个菜单布局。用HTML5和CSS3构建。强调排版和可用性。具有650多种Google字体的高级版。免费终身更新。该模板是一个优秀的HTML网站模板，您可以创建一个专业的作品集网站并且创建一个博客。该模板有各种各样的画廊，如网格等，可以很好的展示您的摄影作品。Download here.3）SELFIE - 个人摄影师HTML模板特征：响应式布局。滑块介绍方式。Instagram资讯介绍。Html 5和CSS3。包括一个页面布局。包括博客单页和博客详细信息页面。SELFIE是一个极具现代感的摄影师网站模板。专为摄影师设计，可以显示您的照片库。该模板具有独特和现代的页面布局，提供了一系列的多设计和多布局选择。该模板是完全响应式的，并已针对平板电脑和智能手机进行了优化。Download here.4）Opta - 最轻量的的作品集和摄影HTML模板特征：响应式布局以适应任何屏幕尺寸。简单的图像滑块和文本滑块。Google Web字体。PHP联系表格。任何时候都可以直接向模板开发人员获得一流的支持。Opta是一个简约的作品集和摄影HTML模板。使用此模板，您可以只用几个步骤就能创建一个惊人的网站。该模板灵活且易于定制，并且是响应式布局。Download here.六．其他通用型个人网站模板1）Awesome - 免费的响应式个人模板Download here.2）Wix - 强大的个人网站生成器和模板提供者Download here.3）Universal - 轻巧的智能化html5 模板download here.4）Unibody - 多功能多页面的HTML5模板Download here.借助这些模板，往往不需要花费过多的精力就可以自己创建一个个人网站，甚至不用一行代码，就连UI也有付费和免费的主题可以一键搞定。希望这些优秀的个人网站模板能给您设计网站提供帮助。但是如果你还是想要拥有独一无二的个人网站，设计师只有去真正的进行创作和设计。你需要好的设计灵感，一点一点打造，这里推荐您使用国内最好的原型设计工具摹客原型进行初步构思，把界面和元素进行整合排版，并且搭建相应的交互。最大的优点是你可以直接进行HTML演示，在线查看您的构思是否合理，设计是否美观，这对后期的设计和开发都将大有裨益。【设计神器推荐】设计协作，用摹客！100人以下团队免费使用摹客，支持Sketch/PS/XD/Axure设计稿交付、自动标注切图、全流程协作。助力设计师和产品团队高效工作！立即体验：https://app.mockplus.cn/app

设计+协作，摹客就够了！

免费使用

2018年3大UI设计趋势，你知道吗？

Cherry 01/31

让你大开眼界的10款Android界面设计

Grace 01/26

Personal Websites | 精选100多个优秀网页设计作品 | Boss设计

Boss设计

素材资源

设计神器

设计导航

设计笔记

电脑日志

素材资源

设计神器

设计导航

设计笔记

电脑日志

Personal Websites | 精选100多个优秀网页设计作品

2021-05-20 素材资源

9,867

Boss有话说

设计最怕没有创意，特别是有时候大脑没有想法，就会很难进入工作状态，就需要花费大量的时间去找设计作品，去学习参考，今天 Boss 分享一个汇集了 100 多个网站作品的社区，帮你快速找到需要的设计灵感。

Personal Websites 精心挑选 100+ 优秀个人网站作品，可以节省你寻找网站设计作品的时间，同时可以学习获取到优秀网页设计的创意，让你不再耗费大量的经历去寻找设计灵感。提供的网站类型非常丰富，比如插图插画、设计师、艺术家、摄影师等等个人网站，或者通过关键词搜索网站，马上收藏起来吧。

Personal Websites官网

传送门：https://www.personalwebsites.top/

国外网页设计

DesignMunk | 精心挑选优秀的网页设计作品

MagicPattern | 网页设计师必备的魔术工具箱

SiteSee | 现在流行的网页设计灵感画廊

Personal Websites 网页设计作品网页设计灵感

本文由

Boss设计创作，除注明转载/出处外，均为本站原创，转载前请务必署名

最后编辑时间为: 2021-05-20 22:10 星期四

分享至:

微博

ＱＱ空间

微信

←

→

↓

↑

Boss设计-

粤ICP备19059949号-网站地图

Boss设计

系统派

粤ICP备19059949号

个人网页设计作品欣赏，创意狂欢！

限时开放企业版试用，支持企业资源库、权限管理等多种企业协作及管理能力申请试用

AI 绘画

产品

Pixso 设计

Pixso 白板

Pixso 原型

产品

Pixso 设计

Pixso 原型

Pixso 白板

资源社区

设计素材

优质设计作品免费获取

组件资源

大厂组件资源即调即用

插件广场

用插件扩展设计的无限可能

热门精选

Pixso抠图

设计技巧

专题活动

进行中

9999+

热门精选

资源社区

设计素材

组件资源

活动专栏

插件广场

会员

下载

帮助中心

企业服务

金融政企

互联网

查看客户案例

汽车制造

智能制造

智慧交通

物联网

客户案例

覆盖各个行业和领域

提高产设研团队生产效能

查看案例

企业咨询

企业版

私有化部署

向团队介绍

教育免费

加入用户交流群

支持

企业咨询

企业版

私有化部署

向团队介绍

教育免费

用户群交流

免费使用

进入工作台

万兴科技（300624.SZ）生态成员

个人网页设计作品欣赏，创意狂欢！

在线使用Pixso

个人网页设计作品欣赏，创意狂欢！

本篇文章，我们将结合Pixso资源社区的优秀个人网页设计范例，与大家分享一些令人印象深刻的作品

点击Pixso，开启个人网页设计

网页设计是时刻追求创新和美学的结合，设计师通过精心设计的个人网页设计作品，展示自己独特的才华和创造力。本篇文章，我们将结合Pixso资源社区的优秀个人网页设计范例，与大家分享一些令人印象深刻的作品。

1. 零售电商网站登录页

零售电商网站个人网页设计作品，以素净纯白的背景，配以色彩鲜艳明亮的插画，营造了欢快、活力和趣味的氛围，旨在吸引用户目光，营造愉快的电商购物体验。整体布局直观易用，醒目的导航菜单提供方便互动，在重点模块背景处，点缀与插画色彩相同的线条图案，保持整体风格一致，有趣且引人注目。Pixso在线打开即可开始编辑，Pixso个人版永久免费，不限人数、不限文件，马上试试。

2. 现代博客网站模板

现代博客网站模板个人网页设计作品，以图文并茂的方式呈现，采用了响应式设计，适应各种屏幕尺寸和设备。网站整体风格简洁而时尚，页面布局清晰，色彩搭配和谐，阅读体验舒适。首页大篇幅展示了精选文章的特色配图和简要摘要，引起读者的兴趣的同时，突出主题和视觉吸引力。

3. 室内设计网站模板

室内设计网站模板个人网页设计作品，以纯白背景为基础，搭配灰色、米色的配色方案，突显了清新、简洁而温暖的气质，契合网站家居主题。首页展示了精选的室内设计项目，每个项目都以圆角图片和简要介绍呈现，突出了设计的重点和特色。模板内还包含了对团队成员的介绍，通过图片和文字展示团队的专业能力和经验。

4. 教育机构网站模板

教育机构网站模板个人网页设计作品，渐变色背景加上3D立体的人物插画，增添界面时尚感，形象生动地展示了学习的场景，激发了用户的兴趣。网站介绍了机构的主要课程，附上了课程评分和价格，同时介绍了服务、优势等内容，用户可以通过这些来了解教育机构的专业性和教学质量。在网站的最后还提供了醒目的订阅方式，促成互动联系。在Pixso资源社区，你可以在线免费下载，并自定义修改该个人网页设计作品，点击进入Pixso资源社区。

5. 游戏UI登录页

游戏UI登录页个人网页设计作品，以暗黑、弥散光背景为基调，增加了视觉的层次感和深度，给用户带来一种神秘、奇幻而引人入胜的感觉。搭配了多个3D图标和插画，以鲜明的色彩和细节丰富了页面的内容，登录按钮采用了粉紫色的渐变色，独特而华丽，与整体的暗黑风格形成鲜明的对比，吸引用户的注意力。

6. 餐饮网站设计模板

餐饮网站个人网页设计作品，包含三个不同的餐饮网站设计，涵盖了多个餐饮业务的需求。每个网站都有独特的界面设计，共计13个精心制作的餐饮网页界面。这些网页界面都以真实的食物图片为主要特色，通过精美的摄影和视觉效果，展示了各类美味佳肴，让用户在访问网站时产生食欲和兴趣。

7. 玻璃拟态登录页

玻璃拟态登录页个人网页设计作品，以别具风格的玻璃拟态效果为特色，呈现出现代化和时尚感。模板提供了两种模式供选择：浅色和深色。浅色模式采用清爽的淡色调，给人以明亮和轻松的感觉。深色模式则采用深沉的色彩，营造出高端和神秘的氛围，打开Pixso一键复用，轻松编辑。

8. NFT交易市场模板

NFT交易市场模板个人网页设计作品，是一个专为数字艺术品交易而设计的界面，采用暗色调，展现出现代感和科技感。模板致力于展示艺术家的作品和个人资料，为他们提供一个展示自己作品的平台，具有响应式设计，适配多种屏幕尺寸，确保在不同设备上都能提供出色的用户体验。

9. 机器人AI网页设计

机器人AI个人网页设计作品，专为展示人工智能技术而设计，蓝紫色的弥散光背景，为网页增添了未来感和科技感。在界面的中心位置，大幅的AI机器人图片引人注目，鲜明凸显了网站的主题。该模板包含登录页和详情页两个页面，在Pixso可一键复制，供设计师参考使用。

10. 杂志博客网站设计

杂志博客个人网页设计作品，包含7个精心设计的UI界面，整体以黑白为基调，为整个界面赋予了时尚感和现代感，同时也提供了高度的可定制性，使得内容和图片更加突出。整体排版风格简洁大方，时尚气息十足，非常适合博客、播客或杂志等时尚网站的设计。

最后，希望上述分享的10个优秀个人网页设计作品，能够帮助你加深对于网页设计的理解。以上所有设计素材都可在Pixso资源社区中找到并免费使用，此外Pixso资源社区还有大量优质的网页设计、UI组件、图标、插画等各式各样的设计素材资源等待你发掘，现在前往Pixso官网注册账号，可以享受到Pixso会员的所有权益：无限文件数量、无协作者人数限制、无限云存储空间以及Pixso资源社区的海量设计素材资源等等。

设计资源

2023高品质电商设计模板，一键套用更省力！

电子商务重新定义了传统的流通模式，减少了中间环节，使得生产者和消费者的直接交易成为可能

了解更多

设计资源

Pixso正式上架ProtoPie插件，再次掀起跨平台协作浪潮！

ProtoPie 插件正式上架Pixso插件广场，为设计师构建复杂交互原型提供了一个更快速、更高效的解决方案

了解更多

设计资源

3D样机怎么在ps中使用？一键贴图下载，在线导出！

为了使设计作品更趋近于真实，设计师会选择使用3D样机素材，作为设计作品的载体

了解更多

设计资源

6个特别的网站设计案例，教你零基础设计网页!

优秀的网站设计，要能充分吸引访问者的注意力，让访问者产生视觉上的愉悦感

了解更多

文章目录

1.零售电商网站登录页

2.现代博客网站模板

3.室内设计网站模板

4.教育机构网站模板

5.游戏UI登录页

6.餐饮网站设计模板

7.玻璃拟态登录页

8.NFT交易市场模板

9.机器人AI网页设计

10.杂志博客网站设计

解决方案

UI设计

UX设计

原型设计

私有化部署

客户案例

探索

设计工具

设计技巧

最新功能

帮助中心

UI零基础

Pixso视频教程

对比

Figma

Sketch

Adobe XD

InVision Studio

Axure

Photoshop

关于我们

联系我们

关于我们

新闻动态

隐私政策

使用条款

入群交流

加入用户交流群

Pixso

开发者：深圳市博思云创科技有限公司

产品功能

软件版本：V1.64.0

隐私政策

应用权限

粤公网安备44030502008583

粤ICP备2021147974号-3

Follow

imtoken官网首页|个人网页欣赏

imtoken官网首页|个人网页欣赏

有哪些优秀的个人网站？ - 知乎

15个优秀网页设计案例，给你源源不断的设计灵感！ - 知乎

2023 个人网页设计作品合辑，给灵感发电！

建立个人博客网站从未如此简单：25个优秀个人网站设计模板一步到位 - 知乎

66个网页界面设计——收藏版 | 设计达人

经典网页设计：25个优秀的个人网站设计欣赏-阿里云开发者社区

10个优秀个人网站作品欣赏，建议收藏-即时设计

建立个人网站从未如此简单：25个优秀个人网站设计模板一步到位

Personal Websites | 精选100多个优秀网页设计作品 | Boss设计

个人网页设计作品欣赏，创意狂欢！

最近的新闻

您可能喜欢的文章

比特派app中文版下载|割须弃袍是谁

tokenpocket下载app|孤独面店

比特派硬钱包怎么看真假

比特派要实名吗怎么弄

比特派怎么一键买卖视频

比特派怎么转账到支付宝

比特派上的美金怎么提现