光亮质感风格的网页设计作品案例

2016-02-16 21:41 8 1 收藏

下面，图老师小编带您去了解一下光亮质感风格的网页设计作品案例，生活就是不断的发现新事物，get新技能~

【 tulaoshi.com - 平面设计】

经常能见到这一类的风格的网页设计作品，它们有如下共同的特点。背景通常是纯色的柔和渐变，不添加任何的材质，色块的边缘部分通常会添加1像素的高光;在页面元素的边缘部分有着强烈的1像素高光;元素表面有如玻璃般的明显反光;底部和背景接触的部分经常会设计出倒影。这种风格的设计经常会出现在商业和企业的网页设计中，会给人留下干净清爽的印象。

我这里将这些常用的表现方法提取了出来，共有6种样式，分别是：1、镜面的内容背景;2、光亮的按钮;3、浮动的圆角水晶按钮;4、凸出的分割线;5、阴影分割线;6、角横幅。我将这些元素做成了PSD格式，提供给大家下载，你可以通过查看分层文件来学习如何在photoshop中实现这样的效果，将它们用在你的设计中。下面是这6种元素的预览图以及涉及到这种光亮风格的网页设计作品案例。

光亮质感风格的网页设计作品案例,PS教程,图老师教程网

下载

1、Legacy Locker

光亮质感风格的网页设计作品案例,PS教程,图老师教程网

2、Cappuccino

光亮质感风格的网页设计作品案例,PS教程,图老师教程网

3、EZGameCard

光亮质感风格的网页设计作品案例,PS教程,图老师教程网

4、tendyTUTS

光亮质感风格的网页设计作品案例,PS教程,图老师教程网

5、Portfolio WebSite

光亮质感风格的网页设计作品案例,PS教程,图老师教程网

6、Apple

光亮质感风格的网页设计作品案例,PS教程,图老师教程网

7、CampaignMonitor

光亮质感风格的网页设计作品案例,PS教程,图老师教程网

8、Invoice Machine

光亮质感风格的网页设计作品案例,PS教程,图老师教程网

9、WooThemes

光亮质感风格的网页设计作品案例,PS教程,图老师教程网

10、ActiveCollab

光亮质感风格的网页设计作品案例,PS教程,图老师教程网

11、Ten24Media

光亮质感风格的网页设计作品案例,PS教程,图老师教程网

12、Icebrrg

光亮质感风格的网页设计作品案例,PS教程,图老师教程网

13、Xero

光亮质感风格的网页设计作品案例,PS教程,图老师教程网

14、Media Temple

光亮质感风格的网页设计作品案例,PS教程,图老师教程网

15、Realmac Software

光亮质感风格的网页设计作品案例,PS教程,图老师教程网

16、OneHub

光亮质感风格的网页设计作品案例,PS教程,图老师教程网

17、励步儿童教育

光亮质感风格的网页设计作品案例,PS教程,图老师教程网

18、天泓信诺

光亮质感风格的网页设计作品案例,PS教程,图老师教程网

来源:https://www.tulaoshi.com/n/20160216/1574950.html

上一篇：高尔夫行业LOGO设计欣赏
下一篇： 10个在线学习平面设计的顶尖网站分享

看过《光亮质感风格的网页设计作品案例》的人还看了以下文章更多>>

17个应用漂亮字体设计的网页设计案例

标签：平面设计海报设计广告设计画报设计签名设计服装设计名片设计画册设计版式设计商标设计

Dassel Und Wagner Chris Wilhite Flandria Type Room 11 Scytale Familiar Brave People Little Littlelines Kick Point Whiteboard Risk Everything Mixd Grafik Mr. Visual Scott McCarthy Design MojoTech – Brand Toolkit 原文地址：17个应用漂亮字体设计的网页设计案例

网页设计风格 2017现代感网页设计

标签：网页设计设计

采用非对称的设计让我们不使用网格来布局吧。(或者至少尝试一下调整为左右不对称。) 背景设计并不需要完全的对齐每一个要素、图案。此外，他也没有必要是纯色或者图案。将网页设计所需要的要素组合起来，围绕左右不对称来平衡它们。例如在上述案例 Nap Luxury GuestHouse 中，画面被整个背景图所充满，仅在右侧留有少许留白...

15例运用插图的网页设计案例设计欣赏

标签：平面设计海报设计广告设计画报设计签名设计服装设计名片设计画册设计版式设计商标设计

网页设计的风格多种多样，但插图风永远不过时。插图可以让设计师尽情地表现他们自己丰富的创造力和想象力，将插图运用于设计之中也会使网页变得更具有趣味性。今天我们搜集了15例运用插图的网页设计案例，一起来感受一下这些设计师们的创意吧。 Abby Putinski Activate Media Awesome Fantasy Comic Book Adventure Caitlin Wicke...

东南亚风格卧室设计案例

标签：东南亚风格卧室效果图

东南亚风格的家居设计以其来自热带雨林的自然之美和浓郁的民族特色风靡世界，东南亚风格的卧室最具女性气质，每个空间内都运用了东南亚的元素来装饰，让这样的美感在每个空间内都保留下来，其典雅而不失媚艳的成就了东南亚风韵。以下是装修知识栏目的图老师小编搜集的东南亚风格卧室设计案例，一起来欣赏吧。东南亚风格卧室设计案例一较...

Photoshop设计粗糙质感效果的网页

标签： PS PS基础

Photoshop是网页设计往往是正确的工具，特别是如果你正在创建一个设计和大量使用图像画笔效果。在本教程中，我会告诉你如何建立一个完整的具有质感的主页设计。我们将设计的头部，侧栏，正文，页脚，一切工作联系在一起，制造出一个粗糙质感的网页设计。最终效果图第1步这一次，我们要创建一个完整的网页设计风格的步骤，使用Phot...

查看更多精彩>>