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

2016-02-16 21:41 14 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教程,图老师教程网

来源:http://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个应用漂亮字体设计的网页设计案例

东南亚风格卧室设计案例

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

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

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

标签： PS PS基础

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

Photoshop设计金属质感的网页按钮

标签： PS PS基础

先看看效果图让我们开始!创建一个新的文件，本ps教程分辨率为500×300，填补这个白色画布。然后选择圆角矩形工具(半径30像素)绘制一个形状使用#d61d23的颜色。之后，应用下面的图层样式到这一层：内阴影渐变叠加您的按钮应该看起来像我的：现在，时间，使反射按钮。使用Ctrl + J键复制当前层，然后创建一个新...

查看更多精彩>>