第一、靠前、无边框设计。无边框设计在近几年比较流行,在设计页面的时候,将页面中的风格线、边框删掉,用间距来代替的一种设计方法。无边框设计一般是以大图为主,图片本来就是一种分割元素。而内容基本是有规律的,留白间距之间的内容一定要相对一致、重复、紧密,这样用户在浏览的时候才会认为这些内容是一体的。一般来说,小众垂直的产品更适合使用无边框设计。
第二、卡片设计。卡片的设计打破了传统上固定的排版布局方式,提升了版面的使用率,可以给网站建设增加更多的惊喜。那么卡片设计有哪些优势呢?1、可以提高页面的使用率。卡片就好像是一个容器,将类型不一样的内容设置在不一样的卡片中,这样就可以很好地区分内容,还能够统一页面的风格。比如传统列表,内容一般是纵向滚动的方式,能够展示的内容比较有限,卡片式的设计采用的滑动方式,就可以有效地解决空间问题。2、区分卡片上的内容。卡片就好像是一个容器,将不同的内容放置在不同的卡片,更好地区分内容的类型。卡片的维度是不一样的,而且相对独立、有互相有联系,所以通过卡片归纳网站的内容,整个网站就显得更有秩序。3、卡片式设计可以提升可控性、提升体验度。卡片式设计的使用范围比较广泛,可以覆盖、滑动、堆叠,有良好的扩展性和可操作性。
第三、分割线的设计。这也是常见的一种页面布局设计方式,可以更好地帮助用户快速熟悉页面的布局,有良好的内容组织性。分割线可以贯穿整个页面,将不同的内容进行分割,成为独立的信息。
网站建设中的页面布局,有不同的设计方式,而且设计的趋势不断在变化,在设计页面布局之前,就要考虑好合适的样式,不能一味地追求潮流,根据产品的实际需求,选择合适的设计方式。而分割线的设计,想要做得出色,就要处理好线的间距、粗细、颜色等等
如何进行网页设计网页设计与平面设计的异同
设计传达的方式
传统的平面设计讲究页面构图、版式布局、空间表现等,而网页设计也适用这些要素。
网页设计与传统平面设计在视觉传达方面很大的相似点,但是在技术方面又是有很大的区别。
网页设计是传统平面设计的视觉传达效果运用和网路技术的结合,所以可以说网页设计综合了平面设计艺术和网路技术。
网页设计的重要特色就是动静结合,这点在平面设计Y是无法实现的。
处理的差别
传统平面设计的作品大多是以印刷的平面形式表现;而网页设计作品则是透过显示器表现,并且在传输的过程中受到网路频宽的限制。
普通印刷是按照色素的减法原理进行的,设计时的颜色模式为CMYK,而电脑的显示器的色彩原理则是以色光合成加法原理进行的,是RGB模式,使用同样的颜色,但是在不同的颜色模式下,显示的效果是会有色差的。
因为受到网路频宽的限制,网页设计中的图像处理也不同於平面设计,为了加快下载速度,在保持图像质量的前提下我们要尽可能的缩小其档案大小,而不像平面设计那样为了追求图像的质量而不管其文件大小。
作为一名合格的网页设计师,在处理网路图形时,应做到在保持图像清晰的前提下,尽可能缩小图片的档案大小。
网页的构图布局与平面构图布局有著很大的相似之处,但是因为技术的局限,网页构图远不如平面设计那样挥洒自如。
在平面设计中想把某一物件放置到某一位置的时候只需要简单的拖曳就可以完成。
但是在网页设计中想对某一物件进行定位的话就必须有HTML语言的支援才行。
所以在进行网页设计的时候,除了要有好的创意,还应该考虑到技术上的可行性。
网页的构图与传统的平面构图最大的区别就是技术的可行性。
在进行网页设计时必需时时提醒自己,所设计的作品最终会通过网路传输到用户端,经过下载,再用浏览器浏览,作品将受到频宽和显示器的限制。
而且,所有网页的后端语言都是以HTML为基础,辅以JavaScript或VBScript编写的程式,有些动态特效实现起来会有较大的难度。
所以,网页设计人员在构思创意时,要考虑到技术上是否能实现。
如果一味地追求视觉效果的创意,而忽略技术上的限制,顾此失彼,再好的构思也只好放弃。
ㄞrb网页设计中实现的创意,对网页设计构图来说是毫无价值的。
功能的不同
传统平面的设计作品是以向人们传达某种资讯或诉求为目的。而网页设计网页的设计必须是配合网站的内容设计,而不是单纯地只为表现艺术而设计。
除了拥有平面设计作品的功能以外,还有重要的引导和连接功能,也就是网页具有很强的可操作性和互动性。
网页设计与传统的平面设计最大的区别就是网页的可操作性。
网页的可操作性是通过页面间的链结实现的。
所谓链结结构就是指网页页面间的相互链结关系。
选择适当的链结结构,对整个网站的各个页面设计将有很大的引导作用。
若链结的结构使用不良的话,会使得重要的资讯不能让访问者获取,这将违背了网站设计者的初衷。
在制作一个网站的时候会有一个名为的页面,我们一般把它称为“首页”。
一般在浏览网站的时候,在浏览器的位址栏Y输入网址后,直接打开的就是档名为的页面,它的作用就与书本的目录相同。
大家应该都有在书上找资料的经验,一般来说我们都会打开书的目录来查寻资料位置,以便较快找到资料。
同理,如果把我们的网站看成是一本书的话,那N“首页”就是书的目录,它的作用就是使我们尽快的找到自己想找的资讯。
而很多人在设计网站的时候做出来的网站是很漂亮,但却让访问的人无从下手来进行浏览。
想从这个网站Y找到自己有兴趣的内容却怎N也找不到,虽然说这个网站Y有这些内容,但就是找不到或者找起来很麻烦。
这就说明了引导性和可操作性的重要。
网页设计网页设计引用了平面设计的各种版式风格及CIS(标志);平面设计分印刷品平面设计和网页平面设计,网页设计就是比平面设计多了交互功能按钮操作动画切换上传数据注册等项目,实际它比平面印刷品设计(广告设计海报设计书籍装帧、包装设计(分材质和制作工艺:比如纸质包装,塑料包装木盒包装铁盒包装)、标志、vi手册、画册、宣传单、名片、DM单)类要难的许多,网页设计需要了解一些Flash编程语言和W3C万维网联盟数据据SQL,掌握XHTML可扩展超文本置标语言及CSS样式表.Web脚本(javascript.、HTMLDOM、DHTML、ajax、jquery);网页设计的色彩模式RGB分辨率72只针对屏幕显示,印刷品的色彩模式是CMYK分辨率300。网页设计常用的软件是PSAIdwfwflash硕思闪客精灵印刷品平面设计常用软件是PSAICDRInDesignPageMaker