火龙果软件-PS&界面设计

火龙果整理uml.org.cn火龙果整理uml.org.cn不同职位的人对理想网页的理解火龙果整理uml.org.cn别让我思考(Don’tMakeMeThink)网站可用性三大定律火龙果整理uml.org.cnKrug可用性三大定律1.别让我思考(Don'tmakemethink)2.要点击多少次都没关系，只要每次点击都是无须思考，明确无误的选择。3.去掉每个页面上一半的文字，然后把剩下的文字再去掉一半。火龙果整理uml.org.cn火龙果整理uml.org.cn火龙果整理uml.org.cn火龙果整理uml.org.cn火龙果整理uml.org.cn火龙果整理uml.org.cn火龙果整理uml.org.cn火龙果整理uml.org.cn火龙果整理uml.org.cn火龙果整理uml.org.cn火龙果整理uml.org.cn火龙果整理uml.org.cnPhotoshop基本使用技巧网站LOGO设计网站界面元素设计网站素材处理火龙果整理uml.org.cnPhotoshop基本概念要点图层：构成图像的重要组成单位，许多效果可以通过对层的直接操作而得到，用图层来实现效果是一种直观而简便的方法。蒙版：Photoshop蒙板是将不同灰度色值转化为不同的透明度，并作用到它所在的图层，使图层不同部位透明度产生相应的变化。黑色为完全透明，白色为完全不透明。火龙果整理uml.org.cn图层与蒙版练习（临摹BANNER）知识要点：文件的操作（创建、格式设置、保存）图层的管理（添加、删除、秩序改变、图层样式）文本的编辑（文字的添加、删除、编辑、样式）蒙版操作（添加、删除、编辑）图像的处理（色相、饱和度、明度、色阶、滤镜效果）火龙果整理uml.org.cn网站LOGO设计准则•一、速度。就是在现代生活节奏快速的情况下，标志设计要一目了然，简练明确。•二、准确性。也就是反映内容的准确性，公司、集团、商社、商品的性质特点，要紧紧地把握住。•三、信息量。就是反映内容的广度和深度。•网站logo大多采用域名和名称一起设计火龙果整理uml.org.cnLOGO设计技巧•偷梁换柱•将字体线条的角切成斜角或变为弧形火龙果整理uml.org.cn•一笔勾销•将某个比划转换成有意义的图形•顶天立地火龙果整理uml.org.cn•添加修饰•让O生辉•阴阳结合火龙果整理uml.org.cn•画i点睛•刚柔结合•修长身材火龙果整理uml.org.cn•环环相扣•大胆截肢•生动的圆火龙果整理uml.org.cn•错位交叠•拉长比划•共用比划火龙果整理uml.org.cn•活用方框•飘逸感觉•边旁改动火龙果整理uml.org.cnBanner设计•当今，无论任何一款互联网产品，都需要搭载PC平台进行推广，Banner更是推广的一大利器，怎么将Banner设计好就成为一个需要探讨研究的课题。•Banner规格尺寸大小不一，文件大小也有一定的限制，这就使得在设计上增加了许多障碍，颜色不能太丰富，否则会在文件大小的限制下失真，软文不能太多，否则会没有重点，得不偿失，怎么在方寸间把握平衡，变得十分重要。火龙果整理uml.org.cnBanner与环境对比试想如果在一个以浅色调为基准的网站上投放Banner，是不是从明度上拉开对比会很好的提高用户的注意力呢（相反亦然）。火龙果整理uml.org.cnBanner与环境对比以此也可推想出，如果在一个有颜色基调的网站上投放补色或者对比色的Banner，效果就会变得更瞩目（补色和对比色案例）。火龙果整理uml.org.cn构图的规则构图其实是经营画面，进行布局，如何在你构图的引导下吸引用户点击，产生欲望，了解内容，如果都能达到，那说明你的构图成功了。构图的基本规则是：均衡、对比和视点。均衡：均衡不是对称，是一种力量上的平衡感，使画面具有稳定性。对比：在构图上来说就是大小对比，粗细对比，方圆对比，曲线与直线对比等等。视点：就是如何将用户的目光集中在画面的中心点上，我们可以用构图去引导用户的视点火龙果整理uml.org.cn构图的样式(1)垂直水平式构图：平行排列每一个产品，每个产品展示效果都很好，各个产品所占比重相同，秩序感强，此类构图给用户心情：产品规矩正式、高大、安全感强。火龙果整理uml.org.cn构图的样式(2)正三角形和倒三角构图：多个产品进行正三角构图，产品立体感强，各个产品所占比重有轻有重，构图稳定自然，空间感强。此类构图给用户心情：安全感极强、稳定可靠。多个产品进行倒三角构图，产品立体感极强，各个产品所占比重有轻有重，构图动感活泼失衡，运动感空间感强。此类构图给用户心情：不稳定感激发用户心情，给用户运动的感觉。火龙果整理uml.org.cn构图的样式(3)对角线构图：一个产品或两个产品进行组合对角线构图，产品的空间感强，各个产品所占比重相对平衡，构图动感活泼稳定，运动感空间感强。此类构图给用户心情：动感十足且稳定。火龙果整理uml.org.cn构图的样式(4)渐次式构图：多个产品进行渐次式排列，产品展示空间感强，各个产品所占比重不同，由大及小，构图稳定，次序感强，利用透视引导指向广告口号。此类构图给用户心情：稳定自然，产品丰富可靠。火龙果整理uml.org.cn构图的样式(5)辐射式构图：多个产品进行辐射式构图，产品空间感强，各个产品所占比重不同，由大及小。构图动感活泼，次序感强，利用透视指向广告口号，此类构图给用户心情：活泼动感，产品丰富可靠。火龙果整理uml.org.cnBANNER设计欣赏火龙果整理uml.org.cn导航条设计原则导航菜单应该是直接、简单、明了的，这能让用户一眼就能分辨出他们想要访问的内容。简单标注链接文本，户会从链接文本中揣测该链接所跳转网页的内容。所以，尽量精确并简单地标注链接文本。在导航条中以可视化效果显示当前浏览的页面能让用户清晰地了解在整个站点中所处的位置。火龙果整理uml.org.cn导航条设计欣赏火龙果整理uml.org.cn导航条设计欣赏火龙果整理uml.org.cn导航条设计欣赏火龙果整理uml.org.cn网页界面设计要点•网页中的元素有很多，像Banner条、文本框、文字、版权、Logo、广告等。尽量把这些相对独立的元素放在不同的图层中，这样方便以后的再编辑。•图层多时，可建立多个图层组来进行管理。单击图层面板右上角的小三角按钮，从弹出菜单中选择”新建组”，在随后出现的对话框中为新建组取一个名称，确定即可。建组名称依据可依照CSS对版块的布局名称来命名。如头部文件可建立立一个header组，在header中建立bannerlogo等常用的组。•点击图层组前面的小三角，就可以像文件夹一样展开或折叠它。对同一组中的所以图层可以方便地进行统一操作，如整体移动，复制、删除、隐藏、合并等。火龙果整理uml.org.cn网页切片原则•1、切片是生成表格的依据，切片的过程要先总体后局部，即先把网页整体切分成几个大部分，再细切其中的小部分。•2、对于渐变的效果或圆角等图片特殊效果，需要在页面中表现出来的，要单独切出来3、在DW中进行编辑时，少用图片，如果能用背景颜色代替的就使用背景颜色，能使用图案的也尽可能使用图案平铺来形成背景