网站界面的设计需要设计师进行大量的思考,它包含了用户体验、主题表达、视觉焦点、品牌展现等诸多内容。
下面小编就与大家一起分享网页布局的方法以及思路。
做网站效果图和我们盖房子、写作文有相同地方,即首先在草稿纸上打好草稿,并且根据实际需要和浏览者的兴趣制作出多个可供选择和参考的方案,然后经过讨论、研究后确定最终的效果。
1.这边铅笔盒纸张若干。只有一方面可以避免因设计时临时寻找工具而打乱设计思路,另外也可以在出现设计灵感时及时改进。
2.明确尺寸。根据实际需要和内容的编排确定网页的宽度,一般说来尺寸的单位可以分为固定式和相对式。例如网页设计中常用的固定像素,常用的想对单位有百分比、倍数等。
3.选择一个深思熟虑后的主题。例如,矩形给人的感觉爱恨分明、稳重大方;圆形代表着丰富和柔和。在设计草图时候,经常运用矩形先将页面的主题结构进行划分。常见的三种划分出页眉区、主题区、页脚版权区。
4.根据划分的区域进行细化调整。例如也没区域主要包括LOGO、banner、导航等;主题区域主要包括用户登录区、公告区、新闻信息区、产品展示区等;页脚部分主要包括友情链接、版权信息、联系方式等内容。
5.页面的跳转。页面区域划分完毕后还需要进行细微的调整,例如计划在网页中那些区域使用文本表述、哪些区域利用图片展示、图片和文本内容在整个页面中的比例分配如何等。小编在进行细微调整时候常用的方法是:两种不同的颜色来区分图片和文本,只有可以很清晰地看到整个页面的内容分配。
6.结构划分完毕后,期待红相关软件制作出最终的效果。
在介绍玩玩工业构成要素时,讲解了文字、图片、色彩等。下面索要讲解的是具体到页面中的模块分析。
1.确定栏目的位置
在网页中,按照浏览的主次,将页面分为主要区域、二级区域、中心区域、页眉区域、页脚区域、公告栏区域、友情链接等。
例如一个商业性的网络推广网站,它的页面中每一寸空间其价值各有不同。位置不同,广告的推广价位也不同。
另外,企业制作网站,是希望对外传达一点的内容,主要内容就应该放在主要的位置,例如页面的左上角通常放置网站的LOGO。只有便于在用户浏览页面的第一时间能迅速看到网站所要传达的信息。
2.确定版块的面积
如果一个栏目版块在页面中很重要,但是所占用的面积却很小,那么狠容易出现被其他内容所淹没的现象,因此,重要的信息也要合理占用网页的空间。注意,并不是绝对的大或小,而是占用适当的空间。
合理安排空间可以一招如下3中方法进行。
1.照顾到页面排版的美观程度,如果必须将主要版块的占用面积缩小,那么可以在有限的空间内利用动画或色彩加以突出显示;或者利用精简的,大字号的文字说明突出显示。
2.对于内容比繁琐且信息比较多的版块,可以利用图像来代替,然后通过添加热区超链接来链接详细的内容。
3为了突出内容版块的特点,可以适当追加一些与栏目相吻合的修饰物,以区别于周围其他的版块内容。
网页版块的设置要保留一定的可扩展空间,以便于后期对网站进行改版和升级。
网页的版块设置要注意以下2点。
首先,页面版块的设置,是根据网站的整体策划后所确定的,因此在具体设置时,要考虑到网页信息跟新的便捷性和高效性。每一个能够吸引浏览者的网站都希望它的信息是在第一时间为大家呈现。
其次,在信息化大潮中,网站的改版不可避免,因此每个板块的设置都应当保留详细的信息,以便在内容改版时有所依照。小编的一个同事就出现过这样的问题:由于网站在制作时没有恰当地为每个板块设置注释信息,当客户的网站出现问题时,面对大量的页面代码无法快速找到问题的症结。
页面版块完成后,还不要急于展开设计,再次打开实现绘制好的网站结构规划图进行详细研究,考虑是否还需要进行如下的工作。
1.是否还需要为版块添加必要的修饰物。
2.版块的位置和色彩是否还可以更加明确。
3.设置动画的数量是否最恰当。
当然,网站结构不同具体的细节修改也可能有所不同,以上只是成都做网站公司-桔子科技的经验之谈,希望能为做网页设计的童鞋一点点的帮助。
18980020603