2024年最牛设计网页 篇1
身为一名有追求有理想的艺术生/艺术家，你有没有想过为自己做一个个人网站？
别再觉得拥有个人网站是个遥不可及的事啦，只要你积累有一定数量的作品，你就值得拥有一个属于你自己的个人网站。建立个人网站不仅能更好地与人分享你的作品，也能帮助你梳理自己的创作经历、甚至明确未来创作方向。
但做个人网站可不仅仅是做完就完了，怎么知道自己的作品能被多少人看到？怎么获得更多的关注？怎么从众多的设计师网站中脱颖而出呢？
别急，下面一点一点告诉你～
波士顿大学的创意总监，作家，营销人员和广告教授 Edward Boches 曾建议：
答案可能仍然关于你的创意。能够提出一个原创的、相关的、有用的、有价值的想法，无论是广告、应用程序、体验、视频、还是数字平台，都能让人眼前一亮。
因此，当你已经有了一个目标，or 有很多创造力和原创想法，如何用你的才华打动申请学校的老师或创意总监惊叹呢？
中维尚谷总结了10个小tips，希望能助你上热搜！
Tips1
仔细考虑你要发布什么样的作品
切记不要将你创作的每一个作品完整地放在网上。
要知道，没有人会花费半天的时间一一浏览你的所有作品，尤其是公司的HR或者学校的老师，他们只会快速浏览感兴趣的作品。
举个例子，比如Liz Grant 的个人网站看起来就很清晰、简洁、美观，每个作品间都留有空隙，页面看起来不会十分拥挤，并且导航也很清晰。
这里特别要注意的一点就是——
你在网站上放了什么作品，就会吸引相关的人去看。
因此你要将每个作品中最主要的部分展示出来，能让阅览者清楚地明白这个作品想表达的是啥。
同时，如果你不想要某种类型的客户，那就不要在你的网站中显示该类型的作品。
\\
Tips2
仅挑选那些最棒的作品
展示你认为最棒的设计，突出你最厉害的一面。尤其是那些项目获得很多好评并取得了不错成绩的优秀作品。
再举个例子，比如Nowhere Famous 机构的作品：
图片来源：Nowhere Famous Agency / Portfolio
他们的网站整体突出了他们最强大、最美丽的作品，优秀的内容会吸引阅览者忍不住继续往下看。
Stefan Lucut的个人网站也仅展示了一部分作品：
图片来源：Stefan Lucut / Portfolio
Stefan Lucut的个人网站就像小画廊一样，东西不多却十分整洁精致。
总之，集中展示最核心的优秀内容，不需要展示全部，没那么好的作品次要展示。人们能真正投入的关注时间很短，特别是在网络上，不要试图让他们浏览大量的项目来挖掘你的闪光点，而是要将你的闪光点主动拿出来放在人们眼前。
\\
Tips3
展示你最独特的创造力
富有创造力的独特作品往往能够引领行业的潮流，不要重复其他人也会做的事情。当人们看到独特的、有创造力的作品时，一定会在第一时间被吸引。
例如，Duoh！的整个网站就有它的独特性：
图片来源：Douh! / Portfolio
Duoh！的网站的独特之处还在于——当用户上下滑动网页的时候，图上的人物也会做出相应的变化，为阅览者使用网站的时候增加了一些娱乐性。
\\
Tips4
Go for variety（多元化）
最好不要只包括一种设计形式，比如仅有网站设计作品或者仅有插画设计。当然，尽管网站上呈现的内容是多元化的，但在首页的呈现上也要保证他们看起来很协调。
艺术总监和设计师 Corina Nika 的个人网站中就包含了各种各样的项目，而且每个项目都很好地融合在了一起：
图片来源：Corina Nika / Portfolio
Studio Mast 的网站也同样包含各种各样的内容，并且所有项目的纯色背景放在一起也都很和谐：
图片来源：Studio Mast / Portfolio
\\
Tips5
思考放多少个作品合适
这个问题，不同的人可能会有不同的答案——但橘长的建议是6-15个。
首先，质量要比数量重要得多，如果放很多很容易分散阅览者的注意力，那样的话，无论你的作品多么出色，阅览者在退出网站之前仍然只会点击少数几个项目。
如（下）图，设计师 Olly Sorsby 的网站设计的就很巧妙：
Olly Sorsby首先展示了一个最有特点的作品来吸引人们的注意，然后又展示了一些其他项目。
图片来源：Olly Sorsby
使用这种格式可以将阅览者的注意力直接吸引到设计师最希望别人看到的项目上，不会让人不知所措。
\\
Tips6
选择高质量图片
即使你的作品集是完全线上的作品集，那也保不齐之后你会需要一本打印的作品集。所以，无论你是否需要把作品集打印出来，高清的图片都会让你的网站看起来更加专业，显得“高大上”。
此外，清晰的特写也很适合在社交媒体上分享，人们的视线很容易被吸引过去。
下图中，作品的设计师 Coco Tafoya 认为，要尽量保持作品集的格式一致，如果可能的话，结合精美的摄影和工作照片会更加吸引人。
图片来源：Miss Mordern Design House / Portfolio
而Nainoa Shizura 的作品就以惊人的大型高分辨率作品为特色。
图片来源：Nainoa Shizura
\\
Tips7
保持作品的新鲜度
尽量只呈现3年以内的作品。
趋势和技术都在快速迭代变化，作为一个设计师，相信你更不会想要留给别人一个看起来过时的印象。
像设计师 Robert Gavick 创造的这个单页就会让人觉得很时尚：
图片来源：Robert Gavick
\\
Tips8
少即是多
一旦你将所有需要放在网站上的作品都选好，接下来要考虑的就是怎么把各不相同作品统一成一个风格，形成自己的品牌风格。这点很重要，你肯定不会想让你的作品集看起来像一组多人创作的作品。
如下设计师Jessica的个人网站作品：
不仅保持了首页的整洁干净，还让每个作品形成了一致性，给人一种看到这位设计师的系列产品的印象。
\\
Tips9
确保每个作品互相切换的一致性
并不意味着你必须将所有网页设计或者logo放在一起，还是得看颜色和构图怎么协调。
Down With Design的网站首页展示了切换作品时页面状态的范例：
图片来源：Down With Design
直到它们被翻转前，图像都保持一致，看着感觉很舒服，而不会让浏览者不知道该看什么。
\\
Tips10
网上作品集 or 打印作品集？
上文说了这么多关于做个人网站的小技巧，橘长还是要另外补充一点，
虽然现在大多数设计师都在使用在线作品集，但你应该考虑为面对面的interview准备一个打印的作品集。
打印的作品集在面对面交谈的时候可以十分有效果的利器哟～好印象就是从手指间那份沉甸甸地作品集中流露出来的！
例如下图这个由Abra Design设计的作品集：
图片来源：Abra Design
像一本最近刚出版的杂志。或者你可以将作品集有创意地制作出来，像创作一件精美的作品，让它本身就是一件艺术品。
总的来说，无论是作品集还是个人网站，都是一个设计师创意的支柱，它是着你熬夜加深的黑眼圈，掉的每一根头发，留下的每一滴汗水！所以，好好经营自己把，就像经营品牌那样～
get到这10点精髓，就可以去炫耀自己的实力辣！
2024年最牛设计网页 篇2
网页设计干什么？
网页设计细分的话，可以包含：
1、网页界面设计
就是现在你看到的每个网页界面，哪里放导航栏，哪里放文章列表，哪里放图片等等，对一个网站来说，所有界面都需要预先设计好，符合其业务需要。
2、UI设计
仅仅把网页上需要展现的东西规划布局还不够，还需要“好看”“简洁”等需求--开起来怎样，美观吗？
3、交互设计
按钮颜色边框等都设计好了，还需要能顺利的操作起来。
哪里放按钮方便点击？当点击导航按钮时，下一步怎么展示？或者怎么跳转？这些和用户交互的都需要设计好--怎么操作更流畅，简单易用？
总之，不同公司对这个岗位（网页设计师）的要求可能有差别，但大致不外乎这几个。
2024年最牛设计网页 篇3
1. TED：绝佳的学习之处
TED演讲，一个精英人士分享观点的演讲平台。你可以在上面找到聪明的、有经验的人提供的可行的建议和学习机会。我最喜欢的就是“为企业家、领导力培训和商业创意准备的TED演讲”。你也可以去TED ED，在那里找一些相当不错的学习课程。
2. 网易公开课
网易公开课，算是公开课网站的一个典范。
3. 北京大学公开课
北京大学出品的一个完全免费的公开课视频学习站
4. Reddit Lectures
这个网站汇集了来自专业人士、学术界、政府和形形色色的领导人的顶级演讲，这些东西可以说都是独一无二的。而且在Reddit网站上，这些资源的好坏都是由用户投票说了算的，风格非常独特。
5. Library of Congress
我们国家图书馆的大部分文本现在都可以在网上找到。无论你想学什么技能，你大可以在上面自行检索，然后认真学习。
6. Boundless
还记得当年为了买大学课本而做的第二份兼职吗？（国外教科书很贵，所以如果想买新的教科书，很多人都会选择兼职）
“Boundless”正通过提供免费在线教科书来撼动教科书行业。
7. Inc.edu
Inc自己的教育网站，对那些想要学习如何实现成功的人来说是一个资源丰富的大宝库。这些实时的、由全明星企业家领导的研讨会是减少无效学习、提高效率的最好方法，我们应当在这个网站上与真正有经验的人交流。
8. Universities
除了校园终身学习项目之外，大多数大学现在都提供在线学习课程。一些学校建立了完整的在线学校，比如科罗拉多州立大学的Osher终身学习学院（Colorado State’s Osher Lifelong Learning Institute.）。如果你正在寻找一种更传统的教育经历，看看这个网站都为你提供了什么。
9. Google World Wonders
通过谷歌街景（Street View）和地图技术，你可以在一个不可思议的资源网络中探索古代和现代世界。
10. Lifehacker
这个网站可以说是全球我最喜欢的网站之一，在Lifehacker上，你可以学习做任何事，可以学习怎样完成地更好、更快、更聪明。
11. UReddit
说到Reddit，这个网站有自己的Reddit大学，以及数不胜数的艺术、计算机科学、语言、数学和统计学等等其他更多的课程。
12. Internet Sacred Text Archive
这个网站是互联网上最大的关于宗教方面的免费书籍网站。你可以在这里阅读、浏览关于神话、宗教、民间传说、炼金术、灵异学等各方面的文本。
13. MeetUp
看看你所在的领域里发生了什么，然后跟拥有相同观点和思维的人去学习新的技能——通常还是免费的。Meetup是交流经验和学习新观点的好地方，千万别错过。
14. Trivium Education
批判性思维是一项非常重要的技能，不过你在公立学校的课程中不太可能学的到它。但是你可以用Trivium的免费资源来学习修辞、语法和逻辑之类的课程。
15. HubSpot Academy
HubSpot是一家位于波士顿的在线营销软件巨头，它提供全面、用户友好型的数字营销课程。了解市场营销对于任何企业家来说都是至关重要的，不管你日常工作和生活中究竟用不用得到它。HubSpot Academy，绝对是我的选择，信不信由你。
16. University of the People
作为世界上第一个非营利性、不收学费、获得认证而且是线上的美国大学，UoPEOPLE提供工商管理、计算机科学和健康研究的课程，并有权颁发学位。
17. PBS Video
你可以在这家网站上免费观看纪录片，该网站的纪录片不仅研究细致，而且颇具深度。
18. 古登堡项目
你可以从古登堡项目的图书馆里下载5万多本书，免费学习古典文学。
19. MIT Open Courseware
MIT提供完全免费的编程课程，包括对计算机编程课程的介绍——这对创业者和初学者来说都非常棒。说实话，如果我要想在什么地方学编程的话，这绝对是首选。
20. iCONIC Tour
这是Inc.com和CNBC联合举办的一个系列会议，在访问了西雅图和丹佛两地之后，它于2016年9月22日来到了我的家乡波士顿。
你可以用它来学习真正的企业管理的东西，不瞒你说，它真的相当有效。
21. FutureLearn
FutureLearn是英国的一个网站，它提供了40多所大学的免费在线课程，服务全球范围内超过360万名学习者。