网页设计制作网页技巧
以下就是网页设计制作网页技巧等等的介绍,希望为您带来帮助。
网站的页面中包含:作为网站门面的首页、支撑起网站结构的框架页面,网站的内容表达主体普通页面、网站中的用来显示广告、链接和推送消息之类的弹出页。
比如设计首页时,有两种形式的设计可以作为网站首页,一种是形象展示型,这种方式的设计主要在布局和造型上,加了艺术化的处理,结合公司的形象与公司的服务理念,提供有相关性的图像与文字,这样设计出的画面才有生机和活力,在这样网页中,给浏览者提供最直观的公司形象,吸引浏览者的注意力。还有一种首页设计形式是信息罗列型,这种形式主要用于大中型企业网站,有很多条目和分类。
保持一致的网页设计风格。网站营销的诸多影响因素中,网页风格的一致性是不可忽视的重要方面。统一网站风格的方法有很多,网站结构就是其中一种,比如,网站布局、内容排版、图标大小、图片位置等等。在统一网页风格时,需要设计者特别关注的是网站中具有代表性的典型元素要保持一致,比如网站背景logo 、公司名称字体、网站中图片格调等等。
色彩搭配。页面的色彩搭配是与网站的主题分不开的,在色彩搭配上,一般来说,页面的主体文字应尽量使用黑色与背景对比明显,按钮、边框、背景等使用彩色。色彩的应用最好根据网站主题风格选定一种基调,再根据这个基调来搭配其它颜色。一般来讲,绿色配以金黄、淡白,可以产生优雅、舒适的气氛;蓝色与白色混合,能给人柔顺、淡雅、浪漫的感觉,红色和黄色、金色搭配能渲染喜庆的气氛而金色和咖啡色搭配则会给人带来暖意。整个页面在视觉上应是一个整体,以达到和谐、悦目的最佳视觉效果。
网页设计的技巧
1 网站最先开始的是尺寸,一定要对网页设计的尺寸熟悉,尺寸又是分辨率的原理,由于每个电脑尺寸不一样,因此分辨率是有差异的,如现在的电脑屏幕尺寸有980,1038,1280等一系列的,那么网站的主体内容规划就要做好提前规划。
2 配套的网页部件是一定要自己先制作好的,如某一些按钮,一些图标之类的系列部件,都是需求设计人员先设计完善,然后当用到时,直接PS上去即可,这一类都是配套制作的。不提前设置好,将会与网站搭配不协调。
3 一个网站的颜色一般有三个色调系的,其中分别是主,次,搭配,三个结合,做网页前,一定要先定好网站的颜色,调好色系搭配。
4 设计师如果没有技术功度,那一切都是纸上谈兵,而且作为一个网页设计师,不仅只懂PS就行,flash,这些也是必会的功能之一。简单的懂一些网页制作源理,以及简单的代码。(现在也有很多比较好的自助建站系统,像pageadmin系统,discuz系统,都是可以轻松建站的)
5 排版是很重要的,也是创意的重要体现,哪些页面放什么内容,页面的视觉让人怎么样,通常页面内容都是设计师自己规化一些,如果啥都不想,等着需求同事弄,那只能说是一个不是很合格的设计师。
网页设计技巧之设计图
创意。这一点从我们上学开始老师经常挂在嘴边的事,创新是一个人不断前进的动力,无论你从事什么工作,只要生活,就会有创意。好的创意会为你加分。
整体风格要一致。设计前先构思整体要什么样的风格,前后如何搭配,衔接看起来才更舒服。
主次分清,文字设计。我们浏览网站的时候,往往关注的还是文字显示的内容,所以要把重要的信息模板突显出来,这是设计的首要原则。
了解用户习惯,从上到下从左到右设计。用户浏览网页时都是从上到下从左到右浏览的,这个先后顺序要把握好。
界面不要使用多种颜色,最多不要超过三种。
内容简洁,突出重点,文字段落要清晰明了,有资料证明,简洁的内容对用户更友好。
设计时单列布局往往比多列布局更好。
首页网页设计的制作方法
1、框架 页面的框架基本上都是:“头”、“主体”、“尾”。还应在“头”的下面还要加个“菜单”。
2、布局(以下用#ID表示页面元素) #Head和#Foot里的就不说了,具体查看演示页面源码。 布局说的是将#Main里的内容分成几大块。#Main里典型的左右结构,用#Layout_1,#Layout_2表示。
3、模块 布局#Layout_1,#Layout_2里的块就是模块了, 按我的理解,模块至少要有一个ID,Class则要视页面设计,给需要重用的加上。 关于模块的ID名称,要取个有意义的名字,可以用#Col_1,#Col_2,。。。 模块的Class名称用.cols_1,.cols_2,。。。
4、列表和数据块 模块的主体是由列表组成的,而列表里则包含数据块。 页面上的信息其实就是不同类型的列表。应将典型的列表方式提取出来,放在公用样式里(public.css)。 需要定义到public.css里的列表至少要有以下三种:
.list-v 垂直列表方式 (图片和文字成垂直排列) .list-h 水平列表方式 (图片和文字成水平排列) .list-t 文字列表方式
数据块其实是微格式的一个变相应用,给不同的数据元素定义固定的结构。 Tudou.com 需要定义的数据块有:
.mVideo (视频) .mList (豆单) .mUser (用户)