恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
干货!2018年你值得一看的网页设计作品集赏析
0.0°
2018-06-28 原创文章 经验/观点 举报 4132 22 15 0

干货!2018年你值得一看的网页设计作品集赏析

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


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


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


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


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


1. Personal portfolio


设计师:Mike


来源:Dribbble


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


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


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


Image title


2. Designer Profiles


设计师:Ben Schade


来源:Dribbble


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


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


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


Image title


3. Personal Site – JS Interactions


设计师:Drew Endly


来源:Dribbble


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


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


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


Image title


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中,利用其滚动区组件,配合图标或文本组件的使用,巧妙设置,便可以轻松完成悬浮滚动效果的设计。


Image title


5. Portfolio


设计师:Dennys Hess


来源:Dribbble


作品地址:https://dribbble.com/shots/4527247-Portfolio


这个设计从设计思路来看属于中规中举的作品集网站,但特色在于内容页面的切换方式。类似纸质书面的翻页交互方式,给人一种阅读的真实感。


Image title


6. Lank – Creative Design Agency & Personal Portfolio HTML Template

设计师:Reejo George


来源:Themeforest


作品地址:

https://themeforest.net/item/lank-creative-design-agency-personal-portfolio-html-template/20000858?s_rank=6


Reejo George是一位来自印度的自由设计师,在Themeforest出售自己的网页设计作品。


这是一个响应式网页设计,建立在Bootstrap Framework基础上也易于定制化设计。可以将它作为设计机构,个人简历,或个人网页设计作品集模板。一页式布局,现代而干净的响应式用户界面设计,100%像素完美设计,跨浏览器兼容等等都是现代网页设计所具备的优势。


Image title


7. Active Theory Interactive Intro Page


设计师:ACTIVE THEORY


来源:Awwwards


作品地址:https://www.awwwards.com/sites/active-theory-v4


Active Theory是位于加州威尼斯的创意数码制作工作室。这个网页设计的特色在于登陆页面的数字加载设计和网站首页的水波纹动效。动态的网站背景画面结合鼠标滑动产生的水波纹动效,使整个网页显得非常别致。渐变的转场动效链接到作品展示,极具现代风格的背景画面和钢琴键侧边栏都显示出该工作室对动画设计在网页上的运用情有独钟。

 

Image title


8. Trons - Clean Portfolio & Agency WordPress Theme


设计师:pego


来源:Themeforest


作品地址:


https://themeforest.net/item/trons-clean-portfolio-agency-wordpress-theme/20268816?s_rank=52


Image title


Trons是一个WordPress主题的设计作品集网站。 它为您的创意作品集网站提供了干净简洁响应式的极简风格的WordPress主题。您可以将此网站主题用于:代理机构,个人作品集网站建设,建筑师代理机构,摄影工作室,画家作品集,艺术家作品集,网页设计作品,插画师,自由设计师等的作品集网站设计。响应式设计支持应用于各种设备浏览器。是当下比较流行的设计趋势。


总结:


一份好的网页设计作品的诞生,除了设计师自有的设计天赋,设计工具的选取,也在于其背后付出的努力与自我学习。以上8款网页设计作品集案例各有其优势,值得设计师朋友们学习参考。保持良好的学习能力,不仅使你在设计的道路上越走越光明,也会让你的人生受益无穷。作为一款交互原型设计工具,Mockplus为国内外设计师们助力,无论是移动原型设计,还是各种类型的网页原型设计,如网页作品集设计,网站登录页设计等都能贡献出一份力量。咳咳,扯远了。。。


你可能也会喜欢:


如何让你的UI设计作品集脱颖而出


如果没有UX设计经验,如何创建个人UI设计作品集


设计制作作品集网站的真正作用是什么


10个优秀UX/UI设计师作品集欣赏与学习

更新:2018-06-28

收藏

22人已收藏

摹客设计云

设计1+2,摹客就够了!

  • 576

    作品

  • 859

    粉丝

  • 6

    关注

  • 【摹客RP会员日】狂欢来袭!终身版团购低至5折!
  • 摹客RP买一年送一年!这波钜惠只剩最后5天!
  • 摹客RP,个人空间全新上线,享沉浸式设计体验!
  • 产品经理需要了解的前后端技术知识

    猜你喜欢

      2018-06-28 原创文章 经验/观点 举报 4132 22 15 0

      干货!2018年你值得一看的网页设计作品集赏析

      0.0°

      你确定要举报干货!2018年你值得一看的网页设计作品集赏析

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年06月28日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      15
      22
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录