课程关键词：上海网页设计培训 上海网页设计培训班 上海网页设计培训学校

( 学果网 ) 专业课程顾问干老师 tel：137-6487-7732、QQ号：2290-425-711
课程咨询微信：ffeduhaha
高级网站设计就业班：
1.设计预科:美术创意设计、手绘图标、阶段考核
2.网页创意思维:平面构成、立体构成、色彩构成设计,实现审美、创意、提升设计理念
3.静态网页设计:DW、FW、FL、PS、ps高级，实现制作出精美的静态网页
4.网页界面设计:页面设计基本流程与设计规范的概念xing讲解，重点了解Web界面设计规范；网页配色技巧、色彩与构图的概念及技巧；网页导航与字体版式设计
5.Web前端HTML5+CSS3：熟练掌握各种 HTML 标签，能够手动快速完成各种页面的编写；
完成各种页面样式的定义和编写，baozheng浏览器兼容xing，JS基础应用，项目训练
6.JS开发：核心框架与编程技术、移动端技术与服务器交互实战项目、个人网站开训练
7.商业项目设计实训：网站设计流程策划、企业门户类、游戏类风格、电商平台类网站
8.动态网站开发:PHP语言技巧、MySQL数据库、PHP操作MySQL、模块项目实训
9.就业指导:心态与服务、商务礼仪、毕业设计、行业分析、面试技巧、实习工作等
培训目标：能系统全面的学习静态网页设计、动态网页设计、网页开发、程序设计、网页美工实战，结业后相当于有半年左右工作经验，
能成功胜任网站开发工程师/网页美工设计师/网站规发设计师/UI设计师/WEB项目经理等职位。
认zhengzhengshu：Adobe《网络设计师》、教育部SIC《网页美工设计师》、《网站开发工程师》
学习周期：全日制6个月；业余制14个月左右 684节课
我校有专业的x u e l i进修、各国语言培训、会计培训、国际英语jiao shi zi ge zheng和国际对外汉语jiao shi zi ge zheng办理等，专业的职业技能培训请到学果网
.......................................................................................
网页设计技巧之细节让优秀的作品脱颖而出：
前一段时间在企业管理界流行一句格言叫”细节决定成败”。企业管理当然不是我们这里要讨论的主题，但是，把这句话放在网页设计当中的确是颠扑不破的真理。
我们的眼睛和感觉总是非常敏锐的，即使是完全不了解网页设计技术的人也能够从一堆拙劣的设计作品当中挑选出那一个优秀的设计作品。虽然他说不出来为什么这件东西比那些都好，
但是直觉会告诉他他自己喜欢哪一个。如果别人向我们问起为什么这件作品要优于其它呢?我们的回答是”很大一部分原因是因为优秀的设计作品总是充满了丰富的细节。”
在这篇文章里，我们就从技术的角度出发，以PremiumPixels上的Redux WordPress主题设计作品为例，来总结一下在网页设计中到底是哪些细节让优秀的作品脱颖而出。
一、1像素的衬线
在页面的顶端，你能看到一条1个像素比背景颜色略浅的水平线将纯色的背景和带有材质的背景分隔开，如下图：
而如果没有这条衬线会是怎样的一个效果，我们也来看看。
实际上，网页设计中，使用到衬线的例子非常普遍。例如下面的这个例子中，你会在bao围着”The Dorchester Hotel”文字的黑色边框的顶部向下1个像素发现一条灰色的衬线。
而在下面这个设计好的按钮中，绿色和黄色边框顶部向下1个像素也能看到一条颜色更浅的线条，而这条衬线制作的更为精细，因为它应用了蒙版，从顶部向下你会发现这条衬线渐渐隐去了。
另外，在”Add To Cart”和”$9.99″两个文字之间的分隔线实际上是两条线，左边颜色深一些，右边颜色浅一些，这样就能产生线条的凹陷效果。
之所以要使用衬线，是为了体现物体在2D效果上的立体感，而立体感的体现必须要有阴影和高光。阴影我们通常使用图层样式来实现，而高光效果的实现，zui常用的技巧之一就是使用衬线了。
上面的三个例子的衬线都在物体的顶部，说明光线是从上向下照射的，高光处于物体的顶部。而如果光下从下向上照射的话，高光就应该在底部了，那我们就应该将衬线放置于物体的下方。
所以在衬线的使用上，我们始终要问自己这几个问题，”我在这里使用了衬线，那么光源在哪里?”"如果光源在这里的话，阴影应该出现在什么位置?”完成了这两个回答，设计出来的物体的立体感才能更加真实。
二、细微的材质
Redux主题真是解释背景材质的绝佳案例。因为在整个页面中，从上至下使用了三种不同的材质作为页面的背景。上面的深蓝色部分应用的是坑坑洼洼凹凸不平的材质，
中间黑色部分应用的是纺织布的材质，而底部应用的是杂色的材质。当然，这三种材质都是非常细微的，但是效果确是非常出众的。实际上，过于醒目和复杂的背景材质不仅不能为设计增色，
反而由于分散读者的注意力而是整个设计品质降低。所以zui好的策略就是让你的背景材质bao持细微而柔和。
三、柔和的渐变
是不是下面图片上的文字框有一种鼓出来的感觉，对，那正是渐变带给我们的效果。试想一下，如果单单是白色的文字框放置于页面上，一定没有添加了渐变让我们感受到更多的趣味xing。
另外，在页面的左右边缘部分也应到了从纯色背景到材质背景的渐变，这样会让深蓝色凹凸不平的背景材质出现的更加自然。在渐变的使用中需要注意的是，除某些特殊情况外，
不要使用太过强的渐变，不论是色向上还是亮度上还是饱和度上都不可跨度太过强。因为这样强烈的过度根本不带真实感，给人一种很不舒适的感觉。
四、微妙的阴影
注意观察Redux暗色背景上的浅色文字，你会发现它们都被添加上了投影效果。现在我们可以使用CSS3中的text-shadow属xing来完成文字的投影设计，代替了在Photoshop中完成此项工作。
而且使用CSS3来给文字添加阴影自由度更高，在浏览器支持的情况下，你可以给任意文字添加你想要的阴影效果。当然IE8以下版本的浏览器是不支持此项属xing的，这是我们在设计中需要注意的地方。
另外，和前面提到的其它设计细节一样，阴影的效果也要足够柔和，不可过于强烈，不然很容易让整个设计看起来有一种脏脏的感觉，显得不够精致。



联系我时请说明是在培训招生网看到的，谢谢！