您当前的位置:首页 > 建站常识 > HTML整合

网页设计将实用性和美观性合二为一

2014-04-26

  网页设计虽然有很多模板,但想要做得别具一格独具匠心,需要做很多努力,比如网站风格的定位、网站LOGO的设计、网页创意、网站配色。在这些诸多的定位和配色中,如何更好的能让页面的实用性和美观性合二为一呢?vFk七七世界-网站建设|UI设计|人资系统|二次开发

vFk七七世界-网站建设|UI设计|人资系统|二次开发

  一、网站风格vFk七七世界-网站建设|UI设计|人资系统|二次开发

  风格(style)是抽象的,指站点的整体形象给浏览者的综合感受。整体形象包括站点的版面布局、色彩、字体、浏览方式、图片美观度等,如:我们觉得迪斯尼是生动活泼的而IBM则是专业严肃的。每一个网站都会给人留下的不同感受。所以我们要根据网站的定位做出网站特有的风格。除此我们还需要在风格统一上控制好,其实这个风格的统一和传统的印刷出版物没什么区别。网页上所有的图像、文字,包括像背景颜色、区分线、字体、标题、注脚什么的,都要统一风格,贯穿全站。这样子用户看起来舒服、顺畅,会对你的网站留下一个“很专业”的印象。而企业网站设计师往往就缺乏这一点,没有全局观念。vFk七七世界-网站建设|UI设计|人资系统|二次开发

  二、网站LOGOvFk七七世界-网站建设|UI设计|人资系统|二次开发

  Logo顾名思义就是站点的标志图案,logo最重要的就是用图形化的方式传递网站的定位和经营理念、同时便于人们识别网站。vFk七七世界-网站建设|UI设计|人资系统|二次开发

  网站logo 的设计过程中一般有以下三种思路:vFk七七世界-网站建设|UI设计|人资系统|二次开发

   1、直接以网站网址作为logo。vFk七七世界-网站建设|UI设计|人资系统|二次开发

   2、根据网站提供的产品/服务特点展开logo设计。vFk七七世界-网站建设|UI设计|人资系统|二次开发

   3、以传递网站运 营商的经营理念为特色。 vFk七七世界-网站建设|UI设计|人资系统|二次开发

  一个公司或者企业,需要一个可以代表公司形象与特征的标志,同样,一个网站,也需要有一个代表网站形象与功能的标志,这个标志就是网站的logo,作为网站的形象代表,网站的logo需要经过专业的设计并赋予一些理念。banner就是一个网站的横幅广告,位于网站的最上面或者中间,一般用来体现网站中最重要的内容。vFk七七世界-网站建设|UI设计|人资系统|二次开发

  三、创意vFk七七世界-网站建设|UI设计|人资系统|二次开发

  所谓创意就是不拘一格?某些设计师在做创意的时候大费周章,做出来确实不可否认很有创意、很别致,但往往对于行业网站的客户为什么不能接受呢?此时不要太责怪客户的不识货,应该反思,抓住客户的需求。其实做行业网站不需要很多大的创意,也不要浪费过多的时间去追求如何个性、如何好看,我们只需要一点小小的创意贯穿全站,也许会使网站更生动更具有吸引力、更有思想,比如中华人民共和国现车交易网(2005年此站已经消失)就是一个很好的案例,它把车的外形融入到网站中,使它脱颖而出。vFk七七世界-网站建设|UI设计|人资系统|二次开发

  四、视觉流程vFk七七世界-网站建设|UI设计|人资系统|二次开发

  人们在阅读某种信息时,视觉总有一种自然的流动习惯,先看什么,后看什么,再看什么。在心理学的研究表明,一般的浏览习惯 是从上到下、从左到右,在一个平面上,上松下稳而压抑。同样,平面的左松右稳。所以平面的视觉影响力上方强于下方,左侧强于右 侧。这样平面的上部和中上部被称为“最佳视域”,也就是最优选的地方。在网页设计中一些突出或推荐的信息通常都放在这个位置。 当然这种视觉流程只是一种感觉并非一种固定的公式,只要符合人们的心理顺序和逻辑顺序,就可以更为灵活地运用,在网页设计中, 灵活而合理地运用直接影响到传达信息的准确与有效性。vFk七七世界-网站建设|UI设计|人资系统|二次开发

  五、网站配色vFk七七世界-网站建设|UI设计|人资系统|二次开发

  1、用一种色彩。vFk七七世界-网站建设|UI设计|人资系统|二次开发

  这里是指先选定一种色彩,然后调整透明度或者饱和度,(说得通俗些就是将色彩变淡或则加深),产生新的色彩, 用于网页。这样的页面看起来色彩统一,有层次感。vFk七七世界-网站建设|UI设计|人资系统|二次开发

  2、用两种色彩。vFk七七世界-网站建设|UI设计|人资系统|二次开发

  先选定一种色彩,然后选择它的对比色(在Photoshop里按ctrl+shift+I)再进行微小的调整。整个页面色彩丰富但不花稍。vFk七七世界-网站建设|UI设计|人资系统|二次开发

  3、用一个色系。vFk七七世界-网站建设|UI设计|人资系统|二次开发

  简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。也就是在同一色系里面采用 不同的颜色使网页增加色彩,而又不花,色调统一。这种配色方法在网站设计种最为常用。vFk七七世界-网站建设|UI设计|人资系统|二次开发

  4、灰色在网页设计中又称为“万能色”,其特点是可以和任何颜色搭配,在使用时把握量避免网页变灰。在网页配色中,尽量控制在三种色彩以内,以避免网页花、乱、没有主色的显现。背景和前文的对比尽量要大,(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。vFk七七世界-网站建设|UI设计|人资系统|二次开发

  六、网页框架与布局vFk七七世界-网站建设|UI设计|人资系统|二次开发

  网页布局大致可分为“国”字型、拐角型、“T”字型、“L”字型、综合框架型、Flash型、变化型等等,布局千差万别,适合我们的只有一种。 其实在我们做设计的时候并没有过多的去考虑什么形式,比如我们在一张纸看到一个圆形的东西,很容易可以联想到它像太阳,而有些人则联想到月亮等等…这都是一种形式比喻,最重要的是抓住客户的需求,把握网站的定位做处合理的框架布局。vFk七七世界-网站建设|UI设计|人资系统|二次开发

一切精彩源自七七网络!我们倾力打造时尚潮流第一线!

© 2012-2024七七世界网站建设     20707.net 1125w.com 版权所有     豫ICP备14018694号-1