首页

PS教程

PSD素材

PS素材

背景图片

高清图片

字体下载

矢量素材

PS资源

PS作品

会员专区
注册 / 登录
收藏
入门教程照片处理抠图教程调色教程文字特效经典合成鼠绘教程滤镜特效非 主 流GIF 动画签名溶图创意设计
 您当前的位置: PhotoShop资源网 >> PS教程 >> PS教程 >> 创意设计 >> 正文

PhotoShop简洁大方的质感音乐播放器界面设计教程

[ 作者来源:站酷 邵飞Design 编辑整理:PhotoShop资源网 更新时间: 2014-02-12 录入: 黄叶飞扬 ]

本文介绍用PS设计一个质感音乐播放器界面,讲解要点:配色、层次、逼格。

效果图:

按此在新窗口浏览图片
1、配色
载体色
什么是载体色?
是我自已定义的名词,目前的操作界面还是有大量的信息和文字,所以通常作为信息的载体,由于面积大,我们一般都使用饱和度较低的颜色,

这样不会扰乱视觉,喧宾夺主,而载体色也是有层次之分,例如底此音乐播放器的功能区域,就使用了载体色中间的颜色,碟片背景用了深色,

这样我们的功能区域会凸显出来,告诉用户,这是你的操作区,这上面的按钮都可以为你服务。而碟片背景只是用来看的,所以显示区域要大,

但是不能因为区域大而把风头盖过了操作区,可想100寸的电视找不到遥控器,用户是有多痛苦。
风格定位色
什是定位色?
也是我自已定义的名词,由于载体色不能用饱和度过高的色系,为了定位我们界面的风格,可以给按钮、按下状态、基础控件等使用定位色,

这样我们的整体颜色风格就定位好了,而不占用大量面积。

按此在新窗口浏览图片

按此在新窗口浏览图片

按此在新窗口浏览图片

按此在新窗口浏览图片



≡★ 免 责 声 明 ★≡

除本站原创外,本站所提供的所有教程均收集整理自网络,其版权归该教程直原始作者或原始出处所有!

除特别声明外,您可以在保持教程的完整和注明来源的前提下免费复制、转贴本站所提供的所有教程;但是,不可以盗链本站的图片!

除特别声明外,在未经许可的情况下您不得将本站所提供的任何教程(包括资源)用于商业用途;

如果确有需要,请自行与该教程的原始所有权者(即:原始作者或出处)联系,本站不提供相关服务;否则,由此而引发的一切后果由您自负!