怎么 设计 一个网页
网页设计是设计的一种,虽然和平面设计、景观设计、建筑设计不同,但还是有很多共通的地方,因为不管什么设计都是一种视觉语言,而视觉语言都必须遵循一定的准则,也就是我们所说的设计原则。接下来小编告诉你怎么设计一个网页。
整个页面的设计应该是和谐统一的
页面整体和谐了,给浏览者是一个畅快舒服的感觉,要做到这个视觉效果,必须注意页面里文字、图片、线条、背景的统一融合,把这些组成网页的因素都有机联系起来,做到这个比设计好一张图片困难,他需要有整体大局的眼光,不去拘泥于局部或细小的地方。其实网页设计就应该先整体再局部,不过设计师最经常犯的错误
就是钻进局部的巷子里忘记出来。
网页设计应该合理运用好网页的色彩
色彩在设计行业非常重要,如果一个设计师的色彩感很强,那么他到达出色的距离就很近了。设计师需要根据色彩对人们心理的影响,合理运用好文字的色彩、图片的色彩、线条的色彩和背景的色彩。如果是企业网页设计,则可以根据企业的VI进行色彩的运用。
网页设计不是为了设计而设计,是为了更好地突出内容
每一个网页设计师都应该记住,我们做设计,不是为了让用户感觉到你的设计好看,而是为了更好地展现我们设计的目的,我们应该给用户展现的东西是什么?所以,一个好的网站设计,页面的设计效果都应该是被弱化的;一个好的网站设计,应该是在最短的时间内让用户知道你的网站是做什么的,有什么功能。
网页设计需要考虑实际的浏览效果
最怕刚从其他设计行业转行过来的设计师,一味地使用背景、图片、不支持的字体,不会充分利用好网页本身的线条、边框、背景功能。导致网页设计出来了,效果很好看,但实际制作成网站后,因为背景或图片使用过多,页面打开太慢,浏览效果大打折扣,这样的设计也是非常失败的。
怎样学习网页制作
确定网页的主体色调风格。
我们制作自己的网页首先应该对自己的网页有一个整体的规划,是建一个什么类型的网站,网站主色调使用哪种颜色、设计布局采用什么样的方式等这些都需要有一个很好的规划
规划网站的整体布局——导航、按钮、图片、文字的排版方式。
做什么事都不能盲目的没有目的的进行,那样只能浪费时间浪费精力,在我们制作网页之前一定要对网页的基本元素进行一些设计。可以简单的画草图,或者浏览几个自己比较喜欢的网站学习借鉴。
准备和归类素材——图片、音频、视屏、文章等。
制作一个网页需要大量的文件,我们必须先将这些不同类型的文件进行归类放置,整理到一个文件夹中。
打开Dreamweaver软件,新建一个站点,然后在站点下建立不同的文件夹存放素材
建立自己的主页,按照之前的定的风格设计布局。
不要急着添加图片和文字,先将导航栏,标题栏和内容栏都规划好然后在进行素材的导入。注意无论是文件夹的名还是素材名最好使用英文而不是中文。中文状态很容易报错,文件添加后就不要更改文件路劲了,否则会导致文件的丢失。
制作网页是一个非常复杂的过程,如果想从头到尾自己制作一个网页的话是很难说清楚的,所以这里就分享一个很简单的方法。
找到一个适合自己风格或是自己比较喜欢的网页,右击鼠标——另存为。
这时浏览器就会将这个网页中的所有的元素都复制下来,存放到一个文件夹中。
制作网页是一个非常复杂的过程,如果想从头到尾自己制作一个网页的话是很难说清楚的,所以这里就分享一个很简单的方法。
找到一个适合自己风格或是自己比较喜欢的网页,右击鼠标——另存为。
这时浏览器就会将这个网页中的所有的元素都复制下来,存放到一个文件夹中。
替换网页中的元素即可。
选择需要进行修改的图片或是文字直接更换即可。选择一个元素然后在下面的属性栏中进行更换即可。同时还可以更换图片的大小和其他的属性。
按下F12进行预览效果即可。不满意的地方进行修改,一定要注意随时保存文件。
网页设计是做什么的
网页设计的初衷是根据企业愿景向浏览者传达需要传达的信息。(包括产品服务理念以及文化)。
并且对网站进行策划,功能性分析,用户体验的优化,然后结合前者的数据对网站进行设计美化。作为互联网市场获取的载体,设计尤为的重要。
常用的工具主要是:PS/AI/DW等工具
网页设计的职能目标是通过:色彩搭配,字体设计,以及场景图片,布局样式进行页面设计美化。在布局尺寸以及功能限制的情况下,要尽可能在体验上做到尽善尽美,高级的设计师可能会考虑到声光,交互设计,以及浏览轨迹研究,来实现更好的视听感受。
网页设计的类型行业大概是:企业自有站,游戏类网页,集团型网站,电子商务站点,社区论坛,以及优化体验技术。
网页设计是个很个广泛词汇,是诸多技术点的一个总结,是个行业词。涵盖了不行业的技术点,比如美术等,再比如软件类等。网页设计师通常是多面手,技术流。
接下来介绍下网页设计师必会的几个软件。
首先是神器ps软件,这个软件就无敌了,从事设计类的工作,不管是工业设计或者平面设计,又或者网页设计,都是必须要懂,要会的。ps全名photoshop,是处理依据像素所构成的图像。可以使用诸多的图像编辑和绘制工具,有效的对图片进行各种操作处理。在图像、图形、文字、视频、出版等各方面都有涉及。
然后介绍的是Ai,这款软件主要是应用于出版/多媒体和工业设计的矢量插画软件,可以进行印刷制作,海报书籍排版,专业插画,以及多媒体技术处理制作,适合比较复杂的项目。和ps的区别是:ai是矢量软件,ps是位图软件。一个重点在绘制,一个重点在合成。
紧接着要谈到是dw软件,这款软件对于网页设计师来说主要是用来做一些简单的div排版,网页设计师需要了解一些基本的div代码布局技术。
许多企业在招人的时候会写上懂div,懂代码技术,很多企业为了减少人力开支,往往会要求设计师懂一点初级代码,以应付日常网站的修改和编辑。
通常不懂dw的设计师,如果在一般的公司,薪资上可能会被打一点折扣。
紧接着我们来看下这个行业的薪资情况,在北上广深地区的话,一般化的薪资能达到3.5k-5.5k,中级水平能达到5.5k-8k,高级设计师一般是可以达到10k以上的薪资水平,是个比较有前景的行业,是诸多行业当中薪资稍微偏高一点的。
网页设计的步骤
导航和标志.
网站的100-1%是导航.这是一句被传烂了的话.
你的导航是长的还是短的,是横的还是竖的.还是弧形的.是否有下拉菜单.比重各是多少.和标志处在什么位置.各语言版面入口在哪里.登陆(后台管理/用户/MAIL)在什么位置,标志附近是否有点睛一般的词.
好了,我们进行下一步.
banner同导航,和过度.
导航跟banner是分开的还是在一起的.在一起的话你是否采用flash制作,如不用flash制作,你设计的背景是否适合切割成平铺的背景,怎样让背景图片体积最小.记住不要用2×2的背景做平铺.banner是占据了整个宽度,还是只是一部分.如果是一部分,那么空出的地方你准备放什么东西.
主体内容部分.
我的中间是左右机构,还是一大块,还是左中右结构的.每一块的分割采用什么手法.颜色以怎么样的规则变化.然后将内容填充进去.
底部版权信息。
选择合适的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见即所得的编辑工具,这其中的出色者当然是Dreamweaver和Frontpage了,如果是初学者,Frontpage。除此之外,还有图片编辑工具,如Photoshop、Photoimpact等;动画制作工具,如Flash、Cool 3d、Gif Animator等;还有网页特效工具,如有声有色等,网上有许多这方面的软件,你可以根据需要灵活运用。
制作网页
材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用模板,这样可以大大提高制作效率。
上传测试
网页制作完毕,最后要发布到Web服务器上,才能够让全世界的朋友观看,现在上传的工具有很多,有些网页制作工具本身就带有FTP功能,利用这些FTP工具,你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后,你要在浏览器中打开自己的网站,逐页逐个链接的进行测试,发现问题,及时修改,然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友,让他们来浏览。
维护更新
网站要注意经常维护更新内容,保持内容的新鲜,不要一做好就放在那儿不变了,只有不断地给它补充新的内容,才能够吸引住浏览者。