网站设计文字排版方面的一些技巧

   网页设计中的网页的表现方式上就是通过文本、图像、Flash动画等,其中,文字文本是网页中最为重要的设计元素。对于网页设计初学者来说,了解和掌握网页设计中的文字排版设计就显得尤为重要,互航科技今天就给大家说几点文字排版技巧。
   1、文字的图形化,字体具有两方面的作用:一是实现字意与语义的功能,二是美学效应。所谓文字的图形化,即是强调它的美学效应,把记号性的文字作为图形元素来表现,同时又强化了原有的功能。作为网页设计者,既可以按照常规的方式来设置字体,也可以对字体进行艺术化的设计。无论怎样,一切都应围绕如何更出色地实现自己的设计目标。
  将文字图形化、意象化,以更富创意的形式表达出深层的设计思想,能够克服网页的单调与平淡,从而打动人心。
   2、使用list-style,在CSS里项目符号有disc(实心圆点)、circle(空心圆圈)、square(实心方块)、decimal(阿拉伯数字)、lower-roman(小写罗马数字)、upper-roman(大写罗马数字)、lower-alpha(小写英文字母)、upper-alpha(大写英文字母)、none(无)。比如设定一个列表(ul或ol)的项目符号为方块,如:
  3、段落文字,尤其在排画册和报纸时,因为美工文字的对齐很麻烦。但有人会说了:在coreldraw9里段落文字不能转曲线,后期输出可能会出错。是的,这是coreldraw9缺陷。到了coreldraw11、coreldraw12就好了,可以转曲了。但在coreldraw9中方法还是有的,比如:先画一个覆盖文本框的矩形,然后alt+f3调出滤镜,选透明度,选取黑色、填100%,勾选“冻结”(最重要的步骤),应用,然后解除群组,去掉不要的东西。
  4、标题与正文
  在进行标题与正文的编排时,可先考虑将正文作双栏、三栏或四栏的编排,外贸网站建设再进行标题的置入。将正文分栏,是为了求取页面的空间与弹性,避免通栏的呆板以及标题插入方式的单一性。标题虽是整段或整篇文章的标题,但不一定千篇一律地置于段首之上。可作居中、横向、竖向或边置等编排处理,甚至可以直接插入字群中,以新颖的版式来打破旧有的规律。
  5、色彩处理   ,色彩是人的视觉最敏感的东西。主页的色彩处理得好,可以锦上添花,达到事半功倍的效果。色彩总的应用原则应该是“总体协调,局部对比”,也就是:主页的整体色彩效果应该是和谐的,只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上,可以根据主页内容的需要,分别采用不同的主色调。因为色彩具有象征性,例如:嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、秋、冬。其次还有职业的标志色,例如:军警的橄榄绿,医疗卫生的白色等。
  文字版面的设计同时也是创意的过程,深圳网站建设觉得人才是设计者的思维水准的体现,是评价一件设计作品好坏的重要标准。在现代设计领域,一切制作的程序由电脑代劳,使人类的劳动仅限于思维上,这是好事,可以省却了许多不必要的工序,为创作提供了更好的条件。但在某些必要的阶段上,我们应该记住:人,毕竟才是网站设计的主体。

网站设计版面布局方面的一些技巧

    网页设计的首要工作就是考虑版面布局,一个好的页面排版布局是网站设计的基础,网站做的好不好,美观不美观,跟布局结构关系非常大,这个也是很多新手从事网站设计行业刚开始需要接触学习的东西,下面就说几点技巧。
   1、设计技巧,网站首页是企业网上的虚拟门面,在此,提醒上网的企业注意自己门面的设计,决不能敷衍了事、马马虎虎。我们会经常看到印刷精美的产品目录或广告,当您屡屡看到那些印有产品目录或广告的精美印刷制品的时候,相信您或多或少会对有关的产品形成一种好感,即使您不会购买,也必然对这些产品形成一定程度的认同。而对于深圳网站设计毛糙的宣传品,您肯定会怀疑其内容的真实性,从而对其产品或服务产生质疑。好,现在说说网站的设计,相信您会同意这种说法:网站的页面就好比是“无纸的印刷品”。
  2、可导读性,主导航条指首页顶部的频道名称,通过它读者进入频道首页。栏目导航指在首页顶部或其他位置的栏目名称,通过它读者无需通过频道而直达该栏目页。 “自动提取”指一处更新另外一处自动进行标题、提要、图片的同步动作。这个动作使得同一内容页,读者可以通过不同路径读到它。这一方面增加了该内容页被读到的机会,另一方面,导读通过多重自动提取所产生的多重排列组合,也能满足不同读者之不同阅读习惯。
  3、网页的韵律,外贸网站建设中版式的节奏感及韵律,来源于排版中的疏密的间隔安排,它就好比音乐作品里的节拍,也是组织内容的一个重要单元。当然在绘画作品中也是能体现的,只不过绘画作品和设计作品有些类似,都是通过疏密的控制让对象形成画面节奏的和谐感受。在网页中可以通过一系列的重复和固定的间隔来建立一种视觉和谐的美感,如在一些字体大小,行距、模块与模块间的距离等等的制定。
  4、字体设计,注意字体的设置。网页制作字体的设置一般不要超过3种,因为字体太多就会显得杂乱,没有主题。另外,尽量不要使用太大的文字,这样可以给浏览者提供更多的信息,不停闪烁的文字也最好不要使用,因为它会给浏览者带来不舒服的感觉。需要注意的是,标题的字体应尽可能地比正文大些,颜色上也应有所区别。
  5、信息内容,一般的大、中型企业网站和门户网站建设常用的方式,即在首页中就罗列出网站的主要内容分类、重点信息、网站导航、公司信息等等,也就是我们上面谈到的框架页,这种风格比较适合网站信息量大,内容丰富的网站,因为是以展示信息为主,这是的设计就要在细微之处体现企业形象,建议设计人员最好仔细阅读企业的CI手册,熟悉企业标志、吉祥物、字体及用色标准,在网站的局部体现出来。
   在网站设计中可以通过字体大小对比、文字效果、色块等的方法来处理网页布局的层级效果。比如哪些字应该大一些,哪些字应该小一些;深圳网站建设哪些色块要重一些,哪些浅一些等等,要做到主次分明、一目了然的浏览效果。

网页设计的背景设计方面的一些建议

 跟大家讲了很多网页设计方面的东西,比如网站头部、网站配色、网站框架设计等基本涵盖了网站设计的方方面面,今天继续给大家唠叨下网页背景设计方面的一些经验。
  1、网页边沿的处理,完美的对齐边缘使图片的边缘完美的对其,比任何事情都重要。图片链接的区域的颜色必须一致,即当你在创建背景图片的时候,网站制作图片的左边缘必须和右边缘对应连接。如果使用了形状,他们也必须完美的连接。看下面这个例子。第一个截屏是用在网站背景中的原图,在它下面的截屏展示了图片被设置为重复时,图片之间是如何连接的。背景的边缘完美的连接,注意云朵之间没有任何的间断,左右两边水的颜色也完全一致。
  2、色系的选择,47%的受访者首选浅底色的设计,主要原因是基于可读性。深圳网站建设大多数人不喜欢阅读深色背景上的亮色文字,那样眼睛容易疲劳从而导致不适的阅读体验。相比之下,10%的受访者倾向于深底色的网站,另外36%的认为将取决于网站类型而定。那什么是正确的答案呢?虽然每个人都有自己的观点,但既然有如此高比例的用户可以忍受深底色的页面设计,有时甚至是他们的首选。我们作为网页设计师必须了解如何为我们自己和客户创建更有效的深底色设计。同时我们必须相信深底色风格可以增加其可读性和友好性。
  3、多层次复合背景 ,如果你在练习网站设计的“照片背景”时“不小心”也设置了<body>标签里的颜色背景,那么你看到了什么?颜色背景还起作用吗?对,你能看到你的照片浮于你设的颜色背景之上,二者能够同时正常地显示出来。这就是复合背景的魅力,更为吸引人的是,当你所设置的图片背景因为某种不可知的因素而不能正常显示的时候,浏览器能够自动用你所设置的颜色背景取而代之。它的设计方法,就不用我再多说了吧!
  4、设计材质的选择,材质是另一种很赞的背景技巧。外贸网站建设材质有助于展现出网站的主题,例如,要表现摇滚音乐的主题,可以采用颓废的材质风格。当采用材质作为背景时,很重要的一点是不能超过顶端,材质应该足够细微,不至于影响文字的可读性。如下是材质的得体运用。主背景的材质比重很大,内容背景继续了这一风格,但材质不如主背景的明显。
  5、文字间距,由于可读性是深底色设计的头号问题,所以网页设计师应该更多地关注文本的设计。在整体设计中,改善可读性的一个途径是增加文本的段落间距,字距及行高。
   这么多年的网页设计中,经验告诉我细节可以决定成败。经常用于布局中的一个小细节,便是渐变。渐变非常简单,但如果运用得当,可以使一个枯燥无趣的设计变得生气勃勃,耐心、细心、偶尔的一点小心思都会起到非常关键的作用。

«1»