主页怎么设计的好看

   一个网站吸不吸引人除了网站内容以外,网站的界面也是很重要的,那么怎么才能把主页设计的吸引人又和漂亮,下面小编就来介绍一下主页设计的一些流程。


  一、风格定位

  主页的美化首先要考虑风格的定位。任何主页都要根据主题的内容决定其风格与形式,因为只有形式与内容的完美统一,才能达到理想的宣传效果。目前主页的应用范围日益扩大,几乎包括了所有的行业,包罗万象,但归纳起来大体有这么几个大类:新闻机构、政府机关、科教文化、娱乐艺术、电子商务、网络中心等。对于不同性质的行业,应体现出不同的主页风格,就像穿着打扮,应依不同的性别以及年龄层次而异一样。例如:政府部门的主页风格一般应比较庄重,而娱乐行业则可以活泼生动一些;文化教育部门的主页风格应该高雅大方,而商务主页则可以贴近民俗,使大众喜闻乐见。

  主页风格的形成主要依赖于主页的版式设计,依赖于页面的色调处理,还有图片与文字的组合形式等。这些问题看似简单,但往往需要主页的设计和制作者具有一定的美术素质和修养。

  还有,动画效果也不宜在主页设计中滥用,特别是一些内容比较严肃的主页。主页毕竟主要依靠文字和图片来传播信息,它不是动画片,更不是电视或电影。至于在主页中适当链接一些影视作品,那是另外一回事。

  二、版面编排

  主页的设计首先涉及到的是页面的版面编排问题。"版面编排"实际上就是中国古代画论中的"经营位置"。主页作为一种版面,既有文字,又有图片。文字有大有小,还有标题和正文之分;图片也有大小,而且有横有竖之别。图片和文字都需要同时展示给观众,总不能简单地罗列在一个页面上,这样往往会搞得杂乱无章。因此必须根据内容的需要,将这些图片和文字按照一定的次序进行合理的编排和布局,使它们组成一个有机的整体,展现给广大的观众。可以依据如下几条来做:

  1.主次分明,中心突出。在一个页面上,必然考虑视觉的中心,这个中心一般在屏幕的中央,或者在中间偏上的部位。因此,一些重要的文章和图片一般可以安排在这个部位,在视觉中心以外的地方就可以安排那些稍微次要的内容,这样在页面上就突出了重点,做到了主次有别。

  2.大小搭配,相互呼应。较长的文章或标题,不要编排在一起,要有一定的距离,同样,较短的文章,也不能编排在一起。对待图片的安排也是这样,要互相错开,造成大小之间有一定的间隔,这样可以使页面错落有致,避免重心的偏离。

  3.图文并茂,相得益彰。文字和图片具有一种相互补充的视觉关系,页面上文字太多,就显得沉闷,缺乏生气。页面上图片太多,缺少文字,必然就会减少页面的信息容量。因此,最理想的效果是文字与图片的密切配合,互为衬托,既能活跃页面,又使主页有丰富的内容。

  三、线条和形状

  文字、标题、图片等的组合,会在页面上形成各种各样的线条和形状。这些线条与形状的组合,构成了主页的总体艺术效果。必须注意艺术地搭配好这些线条和形状,才能增强页面的艺术魅力。

  1.直线(矩形)的应用。直线条的艺术效果是流畅、挺拔、规矩、整齐,所谓有轮有廓。直线和矩形在页面上的重复组合可以呈现井井有条、泾渭分明的视觉效果。一般应用于比较庄重、严肃的主页题材。

  2.曲线(弧形)的应用。曲线的效果是流动、活跃,具有动感。曲线和弧形在页面上的重复组合可以呈现流畅、轻快,富有活力的视觉效果。一般应用于青春、活泼的主页题材。

  3.曲、直线(矩形、弧形)的综合应用。把以上两种线条和形状结合起来运用,可以大大丰富主页的表现力,使页面呈现更加丰富多彩的艺术效果。这种形式的主页,适应的范围更大,各种主题的主页都可以应用。但是,在页面的编排处理上,难度也会相应大一些,处理得不好会产生凌乱的效果。最简单的途径是,在一个页面上以一种线条(形状)为主,只在局部的范围内适当用一些其它线条(形状)。

  四、色彩处理

  色彩是人的视觉最敏感的东西。主页的色彩处理得好,可以锦上添花,达到事半功倍的效果。色彩总的应用原则应该是"总体协调,局部对比",也就是:主页的整体色彩效果应该是和谐的,只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上,可以根据主页内容的需要,分别采用不同的主色调。因为色彩具有象征性,例如:嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、秋、冬。其次还有职业的标志色,例如:军警的橄榄绿,医疗卫生的白色等。色彩还具有明显的心理感觉,例如冷、暖的感觉,进、退的效果等。另外,色彩还有民族性,各个民族由于环境、文化、传统等因素的影响,对于色彩的喜好也存在着较大的差异。充分运用色彩的这些特性,可以使我们的主页具有深刻的艺术内涵,从而提升主页的文化品位。下面介绍几种常用的配色方案:

  1.暖色调。即红色、橙色、黄色、赭色等色彩的搭配。这种色调的运用,可使主页呈现温馨、和煦、热情的氛围。

  2.冷色调。即青色、绿色、紫色等色彩的搭配。这种色调的运用,可使主页呈现宁静、清凉、高雅的氛围。

  3.对比色调。即把色性完全相反的色彩搭配在同一个空间里。例如:红与绿、黄与紫、橙与蓝等。这种色彩的搭配,可以产生强烈的视觉效果,给人亮丽、鲜艳、喜庆的感觉。当然,对比色调如果用得不好,会适得其反,产生俗气、刺眼的不良效果。这就要把握"大调和,小对比"这一个重要原则,即总体的色调应该是统一和谐的,局部的地方可以有一些小的强烈对比。

  最后,还要考虑主页底色(背景色)的深、浅,这里借用摄影中的一个术语,就是"高调"和"低调"。底色浅的称为高调;底色深的称为低调。底色深,文字的颜色就要浅,以深色的背景衬托浅色的内容(文字或图片);反之,底色淡的,文字的颜色就要深些,以浅色的背景衬托深色的内容(文字或图片)。这种深浅的变化在色彩学中称为"明度变化"。有些主页,底色是黑的,但文字也选用了较深的色彩,由于色彩的明度比较接近,读者在阅览时,眼睛就会感觉很吃力,影响了阅读效果。当然,色彩的明度也不能变化太大,否则屏幕上的亮度反差太强,同样也会使读者的眼睛受不了。

时间: 2016-09-30

主页怎么设计的好看的相关文章

app界面怎么设计比较好看一些呢,我的这个像电话本

问题描述 app界面怎么设计比较好看一些呢,我的这个像电话本 这个是我做的界面,和电话本一模一样,这个还是主页面,感觉如果用户一进来看到这个 界面可能体验就不怎么好,大家说应该怎么设计一下比较好呢,暂时不加功能了,什么侧滑 扫一扫不加了 解决方案 如何设计android比较好的界面 解决方案二: 可以上面依旧是搜索框,然后下边不放所有联系人,只放置顶联系人,既快捷查找页面也不会显得太乱. 解决方案三: 可以上面依旧是搜索框,然后下边不放所有联系人,只放置顶联系人,既快捷查找页面也不会显得太乱.

xaml-怎么设计更好看?窗口边缘感觉有一层看不到的东西

问题描述 怎么设计更好看?窗口边缘感觉有一层看不到的东西 如图,确定和取消感觉很丑想往下点,可是会再往下就被遮住了,框架边缘感觉有一层看不到的东西,这个问题怎么解决 解决方案 为什么有怎么多线,不清楚你说的看不到的东西是什么 解决方案二: 是不是按钮的上一层的高度不够?

Winform学生信息管理系统主页面设计(2)_C#教程

在上次的学生登录窗口的设计(Winform学生信息管理系统登陆窗体设计(1) )中,需要修改的地方为: 1.登录窗口的最大化和最小化,这个一般的登录窗口不需要,因此我们也不做,单击学生信息管理系统的窗体设计找到属性MaximizeBox和属性(窗口的最大化)和MinimizBox(窗口的最小化)是True,把它们改为False. 2.登录窗口设计的属性AcceptButton将其改为确定按钮的唯一名字(也就是button1),因此在按下回车键后我们也能登录到学生信息管理系统主页面. 3.在登录名

移动主页怎样设计高转化率

访客需要了解谁和他们做生意.一个Logo不会促成你的交易,但是一个很差的Logo会让你的生意不翼而飞.经过专业设计的Logo有助于建立信誉 一个有效移动主页的创建,你们需要了解一个主页的剖析,它是主页和结构优化的一部分.多年来,我们在优化了数千个主页之后,我们想提供这个结构使得人们了解一个完美的主页的10个关键元素,和如何使用它. 1.Logo 访客需要知道他们是和谁在做生意.一个Logo未必会促成交易,但是一个很差的Logo一定不会促成你的生意.而经过专业设计的Logo回帮助你建立信誉.大部分

Photoshop设计一个电影导演工作室主页

  设计要求 创建一个电影导演工作室主页,要体现出怀旧感和孤独感.没有Logo,没有图片,所有素材自己搜集. 设计思路和素材 根据设计要求,我们可以想象一个场景,一间有着泛旧的地板和斑驳的墙面的房间,一把空荡荡的导演椅安静的放在那里,椅子旁边放着拍片时用的喊话筒和废弃的电影胶片,打板也斜倚在墙上,安静的躺在幽暗的角落里.一束光从顶部向下打下来,落在椅子和地板上,让整个的气氛更加显得孤寂.依据这个想法,我们搜集以下素材来创建我们头脑里的这个场景. 地板 墙面 裂纹笔刷 导演椅 话筒 胶片 打板 胶

主页设计中的艺术处理原则

主页的设计主要是网页设计软件的操作与技术应用的问题.但是,要使主页设计.制作得漂亮,必然离不开对主页进行艺术的加工和处理,这就要涉及到美术的一些基本常识.本文将介绍一些主页设计中经常涉及到的艺术处理原则,供各位在进行主页制作的时候参考. 一.风格定位 主页的美化首先要考虑风格的定位.任何主页都要根据主题的内容决定其风格与形式,因为只有形式与内容的完美统一,才能达到理想的宣传效果.目前主页的应用范围日益扩大,几乎包括了所有的行业,包罗万象,但归纳起来大体有这么几个大类:新闻机构.政府机关.科教文化

案例分析:手把手教你设计一个电影导演工作室主页

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 一.最终效果和PSD文件 PS:由于文件比较大,所以我将设计PSD源文件放在了飞鱼的声纳群共享文件中,欢迎大家下载.群号码:168083758 二.设计要求 创建一个电影导演工作室主页,要体现出怀旧感和孤独感.没有Logo,没有图片,所有素材自己搜集. 三.设计思路和素材 根据设计要求,我们可以想象一个场景,一间有着泛旧的地板和斑驳的墙面的房

实战获取流量的关键方法之二:网站之主页设计

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 上一篇介绍了(实战获取流量的关键方法之一:标题篇),这篇主要和朋友们分享下主页的设计心得:还是以"小型发电机"这个关键词为例.在上一篇里提到了关键词的分析,那么我们主页的设计也应该以关键词为中心设计,为什么要这样设计,简单的说就是凝聚主页面上关键词的权重.经过自己的实际分析,定位了关键词和长尾关键词,那么围绕着关键词分析和

Photoshop设计超酷的电影网站首页模板

  本教程主要使用Photoshop设计超酷的电影网站首页模板,创建一个电影导演工作室主页,要体现出怀旧感和孤独感.没有Logo,没有图片,所有素材自己搜集.根据设计要求,我们可以想象一个场景,一间有着泛旧的地板和斑驳的墙面的房间,一把空荡荡的导演椅安静的放在那里,椅子旁边放着拍片时用的喊话筒和废弃的电影胶片,打板也斜倚在墙上,安静的躺在幽暗的角落里.一束光从顶部向下打下来,落在椅子和地板上,让整个的气氛更加显得孤寂.依据这个想法,我们搜集以下素材来创建我们头脑里的这个场景. 教程素材:设计一个