ps好看的排版设计

我们需要先制作背景图片。也就是网页背景那块蓝色的部分。我们需要单独做出来。2新建一个1920px*400px的文件3我们拉一个一个蓝色（#506dbb）到白色的一个渐变4效果图5然后我们保存这张图片为gif格式这时候我们新建一个1000*800的文件我们把网页效果图制作出来。这里都是用到ps制作的。没有写任何代码。这个过程我就不讲了大家制作好网页效果图完成的时候一定要注意把网页背景图层删掉，保持透明6下一步我们使用切片工具。把页面进行切片。如下图所示注意每一个链接都要切片一下。切片工具和矩形选区工具一样，拉一下就是一个切片为了区分我这里加了背景。我们一会一定要记得去掉7我们再使用切片选择工具选择单个切片。然后右键8我们再逐个为切片添加链接9我们现在保存为web所用格式10我们把这里选择png—8保存保存完成后效果图保存完成后。会生成一个目录和一个html文件。我们用浏览器打开这个html文件可以看看效果。由于我们保存时选择的是png格式的所以看到的效果不美观，且网页靠左边。我们要做的就是让网页有一个背景就是我们刚刚制作的蓝色背景。且页面居中为了方便，这里我们使用 Dreamweaver。这个软件破解版和安装教程问度娘要这里就不多说。打开 Dreamweaver界面我们新建一个站点我们先要给网页居中。我们用Dreamweaver打开ps生成的html文件进入Dreamweaver的设计视图。注意看我们用鼠标点一下最外边的这根线。（把鼠标放在四个角上单击一下就可以选中）选中然后把下边的属性设置为居中。注意看这样网页就居中了。我们再添加一个背景我们先把鼠标在旁边空白地方单击一下，然后点击下面的页面属性把背景图片设置为我们刚刚制作的背景图。重复选择no开头的那个。其他的不用管。然后我们按ctrl+s保存好网页。然后即可使用浏览器预览效果了ps制作网页就是这么简单

文/哥白尼对很多设计师来说，如何开始设计一个新的界面，一个新的风格，怎么确定方向，怎么设计的独特新颖，一直是一件很苦恼的事情，这里简单整理了一下以往的经验总结，和大家一起分享。关键点：方向上：多种元素组合搭配设计。找灵感：多种载体媒介中提炼。带着问题找参考素材。主次关系调整。方向上：多种元素组合搭配设计游戏主题：卡通漫画，机甲，中国（神话、仙侠、古代、民国、现代等），欧美（希腊神话、冷兵器时代、中世纪、魔幻、科幻、现代等）。游戏定位：RPG，MOBA，棋牌，音乐，儿童，少女等。游戏风格：扁平，二次元，欧美风，中国风，日和风，可爱Q版等。做练习或是风格尝试的时候，先想好了这些分类之后，可以把几种分类进行整合搭配，比如：设计思路：简约民国漫画风格、二次元魔幻题材等找灵感：多种载体媒介中提炼很多设计师在制作界面的过程中，总是喜欢直接找游戏UI界面进行参考，最后完成的界面总是给人似曾相识的感觉，很难做到风格独树一帜或是让人眼前一亮。我们在找灵感的时候可以避免找已完成的界面，原画、电影、照片、广告或是主机类游戏中寻找设计点、构图形式、层次穿插、整体气氛的表现方式，再结合UE进行全新的设计。带着问题找参考素材在方向和灵感都收集好后，开始思考界面的表现形式，比如拟物化的表现还是整体沉浸感的表现。再结合UE布局，开始对表现元素进行搭配拼接，而不是无脑的堆量。主次关系调整接下来就是一个耗费时间和精力的阶段了，是对自己的想法进行尝试和试错的阶段，从设计细节，到回归整体，反复思考，对比，进行制作。这个过程中也需要考虑：用户体验，视觉顺序，颜色关系，空间层次，整体氛围，光影关系等。结语：在制作一个新的功能界面或是做风格尝试之前，可以运用这套方法先快速制作一些界面草图，来验证自己的设想，从而设计出自己满意的界面。