首页 > 网页教程 > 设计分享 > 干货分享:8个值得你一看的网页设计作品集赏析

干货分享:8个值得你一看的网页设计作品集赏析

时间:2018-06-30    来源:thomas

I5c4jdLLkK0VsPOUwoRis1CQRA_8.jpg

网页设计作品集=门面+能力

网页设计作品集对网页设计师而言,既是网页门面,也是个人专业素养的体现。那么在作品集设计上万不能掉以轻心。无论是制作一份简约大方还是极具表现力的精良作品集,设计师们都必须付出十分的努力,参阅大量的设计作品,获得灵感。

学习在线网页设计作品集,激发灵感

好的设计作品不仅能激发读者的设计思路,也能让你对设计者有所了解。以作品说话,也是一个不错的宣传自己的途径。如果你正好也想学习如何设计个人作品网页,这里摹客君给大家精心整理了一些优秀设计师的在线网页作品集案例,一定会对你有所帮助。

8 个优秀网页设计作品集案例分享

1. Personal portfolio

设计师:Mike

来源:Dribbble

作品地址:https://dribbble.com/shots/4353012-Bryan-Lane-Personal-portfolio

Mike是一个有着丰富的设计经验的平面设计师,擅长于以用户为导向的精美平面设计,并且善于结合标识,图标和插图于一体的网站设计、应用程序、游戏和用户界面设计。

Personal portfolio这个作品集是一个典型的平面设计为主导的网页设计。显眼的底色配以明亮的3D插画,颇具特色。平面设计和3D设计的结合既吸引眼球,又非常富有设计感。

优秀网页设计作品集案例分享

2. Designer Profiles

设计师:Ben Schade

来源:Dribbble

作品地址:https://dribbble.com/shots/3299965-Designer-Profiles-Part-3

Ben Schade是Dribbble上一位高人气的网页界面设计师。他的作品多以简洁干净的平面设计风格为主。清新淡雅的平面风格的配色让人视觉感官非常舒服。

网页设计中的配色技巧、图标、图片搭配简洁朴素。正如左下角的slogan, design less, think more。少即是多的概念,在这个作品集中体现的淋漓尽致。作品集的作用即是让人关注作品本身,而非单纯炫技。

优秀网页设计作品集案例分享

3. Personal Site – JS Interactions

设计师:Drew Endly

摹客,定制你的设计规范

设计系统

来源:Dribbble

作品地址:https://dribbble.com/shots/3124285-Personal-Site-J...

Drew Endly是一个非常有创造力的设计师,从他的设计作品中看来,他十分注重视觉与交互设计的巧妙运用,包括色彩搭配,动效设计以及交互设计。

JS Interactions是一个交互设计为主的网页作品集。登陆页的设计非常简洁。流畅的动效设计引人入胜。跟随交互动效的跳转,自然而然的引导网页作品的展示。各种弹出、滑动的交互在欣赏设计的同时又增添了一些乐趣。整个作品的展示灵巧而不枯燥。成品的制作不仅需要事先借助Mockplus等原型工具做好网页的交互设计原型,而且需要熟练运用JS的开发技巧。是个值得参考的网页设计作品。

优秀网页设计作品集案例分享

4. Portfolio Exploration

设计师:Adrián Somoza

来源:Dribbble

作品地址:https://dribbble.com/shots/2343357-Portfolio-Exploration-4

Adrián Somoza是一位高级设计师,设计顾问和导师,服务过的客户包括 Adidas, Google, Nike, Samsung & Netflix等。

这是一个典型的个人作品集网站设计,集合人物设计、个人简介、作品展示、成就展示于一体,是一个单纯以作品和经验说话的经典网页设计案例。即使网页设计本身是 15 年的作品,但它的设计思路仍旧值得学习。动效的运用,例如,悬浮式的滚动设置,使网页的焦点由人物切换到个人经历和作品展示,以今天的设计观念看来,仍不过时。

以初学者的角度来看,如果想要实现网页内容的悬浮滚动,只要选对了设计工具其实也变得很简单。在交互设计工具Mockplus中,利用其滚动区组件,配合图标或文本组件的使用,巧妙设置,便可以轻松完成悬浮滚动效果的设计。

优秀网页设计作品集案例分享

相关推荐
国外颇具特色的电子商务网站设计欣赏(下)
创意十足的设计工作室网站欣赏
最新收集的50多个专业设计公司网站欣赏
2011年全球十大最值得关注的酷站推介
国外30个优秀设计机构网站集合
35个基于HTML5技术的炫酷网站案例分享
10个基jQuery技术的酷炫网站欣赏
30个基于jQuery滑动门技术的网站欣赏
25位在网页设计领域知名的女性设计师网站欣赏
28个超炫的基于CSS3技术的实验演示网站
15个极具创意的艺术画廊网站赏析
30+自然清新风格的网页设计作品欣赏
40个设计精美绚丽无比的国外电影网站欣赏
40+设计独特超漂亮的水平导航网站欣赏
20个视觉效果极佳的木质纹理网站设计案例欣赏
18个创意与潮流兼具的HTML5电子商务专业网站欣赏
42款很具创意的单页网站设计优秀案例欣赏
23个基于HTML5精致漂亮的网站设计经典案例分享
30款网页设计中应用大背景图片的CSS网站欣赏
18个国外经典优雅黑白色调的酷站欣赏
20个国外极具创意的移动网站设计案例欣赏
21款拥有炫酷效果的web设计特效欣赏
11个创意独特效果超炫的网站滑动设计欣赏
30个很有创意的CSS3 Web网站设计案例欣赏
30款别出心裁颇具创意的网站导航设计案例欣赏
6个超酷带3D特效的网站设计案例欣赏
50个超棒基于CSS3的网站设计案例欣赏
20个很有创意的时尚电子商务网站设计欣赏
24个超酷的带动画效果基于HTML互动网站欣赏
30个国外立体动感的视差滚动效果网站欣赏
20个极具创意的Flash网站设计作品欣赏
10个独具创意的网页设计案例赏析
网页设计新趋势:撞色风(Color Blocking)风格的网站欣赏
20个超酷的应用了CSS3动画、旋转等新特性的网站欣赏
25种漂亮而又具创意的酷站导航菜单赏析
14个采用复古元素装饰的网页设计酷站欣赏

精彩推荐

热门教程