早期的网页设计者都是利用一般的文书编辑软体来编写HTML档案,其优点是适合于各种浏览器,可是缺点是一般新手在边写时较无法知道实际所编排出来的效果如何,如果对HTML语言不太熟悉的话,效果落差很大,需要花些时间技术才能熟练,这些是之前的设计趋势,勤善在这里推荐10个网页设计实用线上制作工具。
网页设计的优良与否,决定了企业在消费者心中的形象,这些年来,亚威网页设计具备创新的精神及深厚的美学根基,运用视觉设计与美感,再加上对于品质的要求与坚持,持续不断产出口碑作品并赢得客户赞赏。
至于设计网页时应注意哪些事项呢?勤善在此说下心得:
1、画面部份
目前PC所使用的萤幕大都采用VGA显示卡,而标准的VGA卡的萤幕解析度为640×480,所以使用640×480的画面设计大致能让最多人能正确无误的观看,而不需要拉动卷轴。
2、版面风格应统一
为了让观赏者有一致性的感觉,且顺利迅速浏览其他网页,设计时应注意版面风格上的统一, 例如使用同样背景颜色、标题文字的字型大小风格统一、浏览的方式相同.... ..等。
3、文字应巧妙且恰到好处
如果能善用变换字体大小、字距、行距、字体、颜色等技巧,可让版面看起来显得更生动,但是也应恰到好处,不宜过份花俏、也不要用太多的特殊字形,并且最好不要使用闪烁文字,虽然闪烁文字可以引人瞩目,但也容易令人眼花撩乱。
4、图片不要太大且有文字说明
图片虽有强化视觉效果,营造网页气氛、活泼版面效果,但是图片却也有其致命缺点,因为图片的档案容量相当惊人,非常不力于传输,因此使用图片时务必考虑「图片资料量的大小」和「档案格式的普遍化」,格式最好采用GIF和JPEG,原则上一页网页的资料量不宜超过100K,并且每张图最好能加上文字说明。
5、注意连结紧密与顺畅
尽量将连结的文字融合在文章当中,避免文章看起来很突兀,同时每一网页的下方提供连结以便引导参观者回到上一层或再连结到下一层以及首页,千万不要发生连结失败〝Not Found〞,那是非常令人扫兴的。
每当你遇到一些琐碎的杂事时,如果有一些现成的工具可以帮助你在短暂的时间内,快速达到你想要的目的与结果,那对大家来说应该是非常棒的事情,对于网页设计师来说也是有一些网路上实用的制作工具,可以帮助你在短时间内达成你想要的结果:
勤善网站设计推荐10个网页设计实用线上制作工具:
1、Min.us
我相信设计最大的困扰应该想找个人来批评你的作品时,却找不到地方展示,而Min.us就是一个很酷的图片分享网站,你可以随身输出然后丢进Min.us,接着号招你的各路好友来个毒蛇评图教室,保证收获良多。
2、Copy Paste Character
这是我最常用的一个符号表了,有时候只要善用符号就可以省去一些图片的制作,其实符号他本身就是经过设计过的,所以使用在任何地方,只要摆放得宜都可以获得不错的观感,有了这个符号表,你只要点击你要的符号,接着你就可以到你想贴上的地方贴上啦!是不是快又好看?
3、Background Patterns
背景图案产生器,内建多款图案,你可以改变背景颜色、材质、角度,随便两三下线上制作,上千张背景就出来啰!
4、Patterns
这款背景产生器可是比上一个更猛,可以选则的花样更多,可以调配的颜色更自由,你爱怎么条就怎么条,这款工具认真玩可是会上瘾的喔!
5、StripeMania
介绍这么多款花花绿绿的背景产生器,当然要介绍一个单纯一点的背景线条产生器,操作方式其实都大同小异,不过结果不同,可以使用的网站风格当然也就不同啰。
6、Corner Shop
这款圆角产生器可以说是很实用的一款,善用圆角不但可以呈现出网站的精致度,也可以让网站显得比较不死板喔!
7、Degraeve
这个网站是专门产出网站的Favicon,也就是我的最爱或网址前面的小icon用的,对于那小小16X16的世界里,并不是对每个网页设计师都非常友善,所以有了这个线上Favicon产生器,可以说是绝对事半功倍。
8、Typetester
这个网站很酷!可以让你一次看到三种英文字型的变化,唯一比较可惜的是没有中文字型,自然也因此实用性就打了不少折扣,不过如果想感受一下字形的威力,这网站还是蛮棒的!
9、Text Generator
这是一个假字产生器,不过可惜的是,他只有英文,不过搭配Google翻译使用也是可以达到不错的效果,这个通常可以拿来设计版型时使用,如果客户或者企划还没给你文字,这时候就可以杀出这个假字产生器啰!建议网站企划们也可以搭配使用,如果你真的生不出任何假字的话!
10、AJAX loading GIF generator
在使用Ajax或jQuery的时候常常会用到的loading图,现在只要简单几个步骤你也可以制作属于你自己的loading图。
2013-10-23