灵感专题｜2019年优秀网页设计作品赏析#9月
这个夏天，有个哪吒火了，他塌鼻子、齐刘海、化着烟熏妆，模样丑萌 。这背后是导演以及创作团队历经5年筹备的成果 。俗话说厚积才能薄发 ，要是没有平时的积累 ，怎么会有现象级作品问世呢 。网页设计也是这样 ，要是设计师们平时没有对设计素材和灵感的积累 ，怎么会有优秀作品呢 ？
今天摹客团队再次为大家整理了一批出色的网页设计作品，这些作品可供大家欣赏，也可供大家学习，从而为打造下一个爆款作品积累灵感：
登陆页设计
着陆页，在首屏之上 - 慈善机构
By Outcrowd
这个网页是专门为慈善机构设计的，目的在于向人们宣传慈善，提升社会意识，鼓励人们借助慈善的方式去帮助儿童，帮助面临水资源危机的群体，帮助其他需要帮助的群体。
技巧分享：
它的登陆页面采用插画与动画相结合的设计，动画流畅，配色鲜艳，整个网站设计看起来极为精美，其创意的七巧板设计让网站主题与文字变化实现无缝衔接 。
2. Landing Page - TeamKids
By Outcrowd
TeamKids是一个针对儿童托管的网站，它由outcrowd团队设计，能为孩子们的课余时间提供娱乐和学习，丰富校外生活，其网站登陆页面设计充满童真童趣，色彩搭配鲜艳亮丽，动画元素设计得活泼可爱。
技巧分享:
登陆页面是整个网站的门户，利用插图和动画，能在视觉上契合网站主题，可将用户带入设计中，还能提升网站会话率以及用户体验。
3. Live E-book
By Pawel Kontek
这是一个免费的设计资源，能帮你了解设计过程，还可提高工作质量。这里有经验丰富的设计师，他们分享的经验经提炼后以电子书形式供个人免费使用。登录页面正中心有一本书，书中带有不同序号标记的书签，这些书签与左右两侧的目录内容一一对应。
技巧分享：
它是扁平化设计与极简主义的完美融合，书签与目录有着独特交互，能为读者阅读增添趣味性与互动性，可模拟真实阅读体验，还能为阅读和学习赋予新的意义 。
4. News
By Slava Kornilov
这个设计是基于现有的新闻网站进行的概念设计，与传统的静态新闻网站不同，这款概念设计的登陆页面运用了先进的三维立体动画设计，更注重从视觉方面传达新闻讯息，新闻资讯的获取方式从原来的纯文字描述变成了动态视觉效果，给用户带来视觉和心理的双重体验。
技巧分享：
高质量的3D场景图片切换取代了传统的静态图片轮播，大幅图片铺满整个网页作为设计背景，既切题又美观，这也是网页登陆页面设计的一个创意举措。
渐变色设计
1.Traffic of Tomorrow
By Walid Beno
科技发展迅速，改变了人们的生活，你可曾想象过未来交通的模样？设计师Walid在其概念设计里，向我们展示了未来的智能交通，呈现出一个智能化且自动化的交通系统。
技巧分享：
网页大量运用蓝紫渐变色，将其与界面中的线条设计相结合，给网站赋予了一股神秘的未来感，还赋予了科技感。
2. Travel Page Animation
By CRI$$
要是你是个旅游爱好者，那想必热衷于做各类旅游攻略，会为全新旅程制定精密计划。这个网站给出了一整套旅游方案，涵盖旅程、住宿、航线、汽车租赁等方面开yun体育app官网网页登录入口，能为游客提供极大便利。
技巧分享：
这个网站设计的立意十分巧妙，有一辆正在行驶的汽车穿梭于海边，渐变色的运用营造出一幅温暖的黄昏景象，看了这个案例才明白渐变色还能如此运用。
3. Urban Planners
By Unfold
良好的居住环境依赖于精心的城市规划，专门提供专项服务的公司随之产生，Urban Planners是为房产居住提供规划建设的服务商，网站用不同深度的色彩展示不同的环境规划。
技巧分享：
采用分层渐变设计，呈现平面3D阴影效果，能使设计更具层次感，这种渐变设计值得学习！
4. Momentum Landing Page
By Tyhe Reading
Momentum Wine是一款葡萄酒，它富有魅力，产自南澳大利亚的山谷，每款葡萄酒都经过精心设计，目的是确保为顾客提供令人惊艳的味蕾体验，这个品牌融合了独特的大理石背景与传统的衬线标志，整个产品包装既优雅又有个性。
技巧分享：
艺术源自生活。把自然界里完美的大理石渐变纹路应用于实际生活，这也是个挺好的创意。
插画设计
度假屋烹饪着陆页
By Cuberto
这是一款美食网站，它专门为用户提供美食采购服务，还会进行食谱推荐。其界面设计采用扁平化风格，并且融入了小巧可爱的插画设计。整个网页看上去干净，呈现出清新又简洁的特点。粉粉的背景色充满少女心，也在这个炎热的夏天带来了一丝清凉。
技巧分享：
网页中的插画设计并非都要是大面积的，有时运用一些小巧且可爱的插画，会更增添分数。
环保组织网络平台
by tubik
环境问题关系到全人类的生存与发展，值得庆幸的是，我们已经认识到这个问题的严重性，并且正在采取措施，防止负面影响进一步扩散。这是Tubik团队为生态环境咨询所开展的网站设计工作，其致力于环境保护项目的构建与施行。
技巧分享：
Hero image插图的构图，支持情感诉求，其调色板能创建关于主题的即时消息。视觉层次与CTA设计相结合，为用户提供良好的用户体验，这是一个不错的参考点。
3.Monsters - Landing Page
by Afterglow
这是一个游戏网站，整个界面设计运用了小怪物插图元素，这些元素与游戏主题相匹配，所有插画都结合了动画效果，网站设计风格活泼可爱。
技巧分享：
主页中插画元素占据大部分空间，其互动方式活泼可爱，这使得插画形象更加丰满。
日语课程着陆页
By Cuberto
提到读书开元棋官方正版下载，大家是否都觉得它枯燥无味呢？这是一个具有非凡魔力的插画设计。即便你当下十分浮躁，然而当你来到这个页面后，就会感受到一股平静的力量，还会跟随小姐姐一同沉浸在书香氛围之中。那种能够借助插画向用户传递情感与力量的设计，绝对是不容错过的。
技巧分享：
插画设计应用范围十分广泛，它既可以是静态的，也可以是动态的。挑选一个跟网站主题相符合的立意点是非常关键的。
排版设计
1.IB About
By Brijan Powell
看了许多版式技巧却依旧排不好版，知晓诸多套路但还是做不好设计，这都没关系，来看看这个设计，你能从中学习到一些版式设计的小技巧，该网站以黑白色调为主，是黑底白字，通过调整字体的尺寸、布局以及进行图标点缀便完成了，你瞧，说简单确实简单，对吧？
技巧分享：
背景会在很大程度上对版面的设计感产生影响kaiyun.ccm，大面积的背景要把控好颜色搭配，尽量采用对比强烈的颜色，在作品集或简历网站的设计里，通过调整字体大小和布局，有层次地突出重点。
加密货币交易网站
By Omar Alfayoumi
这是一个用于加密货币兑换的网站，其设计要展现出稳重大气且专业的感觉。它采用规则的布局，以深色背景并加以亮色点缀，从而显得大气却不沉闷。该网站界面没有复杂的设计，简洁清晰，即便背景是深色的，设计师也留意到了页面留白技巧的运用。
技巧分享：
通过留白的方式来扩展页面空间，若页面的四周没有足够的余白空间，就会造成一种封闭沉闷的感觉。
3. Netflights Concept
by Ashley McMahon
喜欢旅行的你必定会随时留意航班信息。这是关于查询航线网站的概念设计。整个网站所运用的元素极为简洁，包括色块、按钮、选项卡。首页采用了居中构图的方式，通过叠加色块来突出重点。
技巧分享：
如果你读过《写给大家看的设计书》，那你肯定能看出这个设计运用了对齐原则，采用了亲密性原则，进行了居中设计，有紧密的信息单元，留白设计也为网站增添了几分高级感。
不可错过的网页设计灵感资源网站
MaterialUp：是出色的Material Design设计案例
2. FLTDSGN：炫酷的扁平化网页和APP UI设计
3.Site Inspire：帮你获取灵感的网页设计案例
4.UI Cloud：世界上最大的UI设计数据库
5.Land-Book：产品着陆页图库
Mockplus不只是原型设计工具，它还是一个丰富的设计资源库。
7.Dribbble：高品质设计师设计案例分享社区
8.Behance:优秀的在线创意作品集
9.Flat UI Design：扁平化UI设计资源
Awwwards进行评选，评选出最具创意的网页设计作品，评选出最创新的网页设计作品，评选出最优秀的网页设计作品。
摹 客
让设计和协作，更快更简单
https://www.mockplus.cn/
