shi       加入无忧网业代理
代理中心
人才招聘
关于我们
收藏本站
设为首页
联系我们
Google研究
 首 页
域名注册
虚拟主机
企业邮箱
网站建设
海外推广
国内推广
局域网构建
网站维护
数据库开发
电子商务
IT外包服务
网页设计,招聘网页设计师,上海招聘网页设计,网页设计工程师
网页设计,招聘网页设计师,上海招聘网页设计,网页设计工程师聘兼职业务员
网页设计,招聘网页设计师,上海招聘网页设计,网页设计工程师软件开发与集成
网页设计,招聘网页设计师,上海招聘网页设计,网页设计工程师-网事无忧网络服务外包
网页设计,招聘网页设计师,上海招聘网页设计,网页设计工程师数据库代维服务
网页设计,招聘网页设计师,上海招聘网页设计,网页设计工程师-网站制作招聘网站制作
网页设计,招聘网页设计师,上海招聘网页设计,网页设计工程师招聘网站建设
网页设计,招聘网页设计师,上海招聘网页设计,网页设计工程师招聘网站美工
网页设计,招聘网页设计师,上海招聘网页设计,网页设计工程师-上海专业诚聘招聘页面美工
网页设计,招聘网页设计师,上海招聘网页设计,网页设计工程师招聘网站前台设计
网页设计,招聘网页设计师,上海招聘网页设计,网页设计工程师,网站制作,上海网站制作,网站开发工程师,上海网事无忧计算机科技发展有限公司诚聘英才,招聘网页设计前台美工设计师2名,有意者mail至info@51web.biz,请注明应聘的薪水要求
 
 
 
 
 
 
 
网页设计技巧
网站一般包括以下几部分:
首页:网站的门面,如同公司的形象,特别注重设计和规划。
框架页:网站的主要结构页面,又称次首页、内页,大型网站往往框架页即首页,如一些门户网站。框架页主要是网站内部主要栏目的首页,讲究风格的一致性,并于主页呼应。
普通页:网站主要的承载信息的页面,设计要求不高,但要求链接准确、文字无误、图文并茂,并沿袭网页的风格。
通过上面的分析,我们可以看出:

从功能上来看,首页主要承担着树立企业形象(当然不仅仅是首页)的作用,框架页在导航方面起着重要的作用,比如各栏目内部主要内容的介绍,都可以在框架页中体现再进入普通页,让浏览者能够迅速了解网站各栏目的主要内容,择其需要而浏览,而普通页则是主要的信息页面,也是网站的最终页面,对于大型网站,这种结构非常重要,而对于中小型企业,网站规模较小、页面数量不多,有时框架页就起着普通页的作用,至于弹出页,建议您不是必要,最好不要用。下面详细介绍各页面的设计技巧:

一、首页设计技巧
网站首页是企业网上的虚拟门面,在此,提醒上网的企业注意自己门面的设计,决不能敷衍了事、马马虎虎。我们会经常看到印刷精美的产品目录或广告,当您屡屡看到那些印有产品目录或广告的精美印刷制品的时候,相信您或多或少会对有关的产品形成一种好感,即使您不会购买,也必然对这些产品形成一定程度的认同。而对于设计毛糙的宣传品,您肯定会怀疑其内容的真实性,从而对其产品或服务产生质疑。好,现在说说网站的设计,相信您会同意这种说法:网站的页面就好比是“无纸的印刷品”。既然如此,我们会因此而得出一个结论:精良和专业网站的设计,如同制作精美的印刷品,会大大刺激消费者(访问者)的购买欲望,反之,您公司所提供的产品或服务将不会给消费者(访问者)留下较好的印象。值得一提的是,除非您的企业有专业的网站规划、设计人员,否则您最好找专业公司或专业人员为您设计制作,一个优秀的专业设计人员会很快明白您的意图,并根据您的建站目的提出建设性的意见。

一般来说,网站首页的形式不外乎有两种,一种是纯粹的形象展示型,这种类型文字信息较少,图像信息较多,通过艺术造型和设计布局,利用一系列与公司形象和产品、服务有关的图像、文字信息,组成一幅生动的画面,向浏览者展示一种形象、一个氛围,从而吸引浏览者进入浏览。这需要设计者具有良好的设计基础和审美能力,能够努力挖掘企业深层的内涵,展示企业文化。这种类型的首页在设计过程中一定要明确要以设计为主导,通过色彩、布局给访问者留下深刻的印象,当然,我们不能为了设计而设计,我们的目的是营销,在设计过程中一定要牢记这一点!

另一种是信息罗列型,一般的大、中型企业网站和门户网站常用的方式,即在首页中就罗列出网站的主要内容分类、重点信息、网站导航、公司信息等等,也就是我们上面谈到的框架页,这种风格比较适合网站信息量大,内容丰富的网站,因为是以展示信息为主,这是的设计就要在细微之处体现企业形象,建议设计人员最好仔细阅读企业的CI手册,熟悉企业标志、吉祥物、字体及用色标准,在网站的局部体现出来,往往平淡之中一个优美的符合企业特点的曲线就能够给人以深刻的印象,从而将企业形象印在浏览者的脑海里。设计人员在设计过程中要注意使用这些语言符号来表达一种独特的企业信息。

二、风格保持一致——内页设计技巧
如何保持网站风格的一致,是进行内页设计过程中考虑的重要方面,根据我的经验,您可以尝试以下几种设计方式:

1、结构的一致性:我们知道,网站的统一性在网站营销中占重要地位,而网站结构是网站风格统一的重要手段,包括网站布局、文字排版、装饰性元素出现的位置、导航的统一、图片的位置等等,到国外著名的电子商务网站浏览,你会发现这些网站结构惊奇的一致性,所不同的是色彩或内容,在结构的一致性中,我们要强调网站标志性元素的一致性,即网站或公司名称、网站或企业标志、导航及辅助导航的形式及位置、公司联系信息等,这种方式是目前网站普遍采用的结构,一方面减少设计、开发的工作量,同时更有利于以后的网站维护与更新。

2、色彩的一致性:方式是保持站点主体色彩的一致,只改变局部色块,优点是一个独特色彩的网站会给人留下很深刻的印象,因为人的视觉对色彩要比布局更敏感,更容易在大脑中形成记忆符号。在色彩的一致性中,我们强调的是如果企业有自身的CI形象,最好在互联网中沿袭这个形象,给观众网上网下一致的感觉,更有利于企业形象的树立。一个建议是选取一两种主要色彩,几种辅助色彩。

3、利用导航取得统一:导航是网站的一项重要组成部分,一个出色的富有企业特性的导航将会给人留下深刻的印象,比如将标志的形态寓于导航之中,或将导航设计在整个网站布局之中等等不一而足,花点力气在导航上,也会设计出一个出色的站点。

| 4、特别元素的一致性:在网站设计中,个别具有特色的元素(如标志、象征图形、局部设计等)重复出现,也会给访问者留下深刻印象。比如网站结构在某一点上的变化,由直线变为圆弧、暗色点缀的亮色、色彩中的补色等等。

5、利用图像取得统一: 网页中的图像在使用上一定要甚之又甚,尤其是一些动画,网页中充斥着各种可有可无的动画,而这些动画根本与本企业内容无关!认真检查网页中的动画,将没用的删掉!这里我们所说的利用图像取得统一,决不是在每页中放置几个动画!而是作为网站结构一部分的局部图像,根据网页内容的不同,配以相应的图像或动画,从而给浏览者形成页面的连续性。

6、利用背景取得统一:从技术上而言,网页背景包括背景色和背景图像两种,一般来说,我们并不提倡使用背景图像,而使用背景色或色块。原因很明显,第一,下载速度,背景色的下载速度忽略不计,而背景图像就得根据图像字节大小下载了,这里需要说明的是,如果你的背景图像比较深,那么最好将背景色置为深色调(默认的背景色是白色),这样在等待浏览器下载背景图片的时候前面的浅色文字可以很容易阅读,因为如果有背景色,浏览器先将其下载,然后下载背景图片;第二,显示效果,经常看到国内一些网站设有背景图像,或者是公司的厂房、办公大楼,或者是产品图片,甚至是某某人物的照片,使得前面的文字很难辨认!给人一种很不舒服的感觉,让人无法停留。在此,提醒您注意:有效利用背景取得网站统一和专业化的方法有以下几种:
第一,认识到并不是所有的图片都可以作为背景,在考虑设置网站背景图像的时请您注意;
第二,加强与前景的明暗对比,即要么淡化背景,隐隐约约可以看到即可,要么加深背景,而将前面的文字亮化。

那么什么适合网页背景呢?一个好的建议是将公司的标志、象征性的简单图片作为背景,并将其淡化,使浏览者在阅读网站内容的同时不经意记下公司的标志。曾经一个网站的背景设计给我留下深刻的印象:单色背景中一个网站标志的居中放大淡化,前面元素中也不断重复这个标志:如提交按纽形状刻意设计成标志的形式等等,在整个页面中形成特有元素在大小、明暗及位置的呼应,很好地塑造了网站的特有形象。

三、色彩搭配
网页中最难处理的也就是色彩搭配的问题了。如何运用最简单的色彩表达最丰富的含义,体现企业形象是网页设计人员需要不断学习、探索的课题。如何进行色彩搭配是一门学问,下面的一些方法是我在实践过程中的体会,希望能够为您起到一定的参考作用。

1、运用相同色系色彩:所谓相同色系,是指几种色彩在360°色相环上位置十分相近,大约在45°左右或同一色彩不同明度的几种色彩,如: ,这种搭配的优点是易于使网页色彩趋于一致,对于网页设计新手有很好的借鉴作用,这种用色方式容易塑造网页和谐统一的氛围,缺点是容易造成页面的单调,因此往往利用局部加入对比色来增加变化,如局部对比色彩的图片等。这种方法不失为一种设计的好方法。

2、运用对比色或互补色:所谓对比色,是指色相环相距较远,大约在100°左右,视觉效果鲜亮、强烈,而互补色则是色相环上相距最远的连种色彩,即相距180°,其对比关系最强烈、最富有刺激性,往往使画面十分突出,如: ,这种用色方式容易塑造活泼、韵动的网页效果,特别适合体现轻松、积极的素材的网站,缺点是容易造成色彩的花,使用中注意色彩使用的度。

值得注意的是,以上两种用色方式在实际应用中要注意主体色彩的运用,即以一种或两种色彩为主,其它色彩为辅,不要几种色彩等量使用,以免造成色彩的混乱。

3、使用过渡色:过渡色能够神奇地将几种不协调的色彩统一起来,在网页中合理地使用过渡色能够使你的色彩搭配技术更上一层楼。过渡色包括几种形式:两种色彩的中间色调、单色中混入黑、白、灰进行调和以及单色中混入相同色彩进行调和等等,您可以自己尝试调配,在以后的更新中,我会专题介绍如何使用过渡色。

四、版面布局
一般来说,企业网站首页的布局比较灵活,着重设计,这里我所说的布局主要是指内页的版面布局。中、小型企业网站的内页布局一般比较简单,即内页的一栏式版面布局,从排版布局的角度而言,我们还可以设计成等分两栏式、三栏式、多栏式,不等分两栏式、三栏式、多栏式等等,但因为浏览器宽幅有限,一般不宜设计成三栏以上的布局。

在版面布局中主要是考虑导航、必要信息与正文之间的布局关系。比较多的情况是采用顶部放置必要的信息,如公司名称、标志、广告条以及导航条,或将导航条放在左侧而右侧是正文等等,这样的布局结构清晰、易于使用。当然,您也可以尝试这些布局的变化形式,如:左右两栏式布局,一半是正文,另一半是形象的图片、导航;或正文不等两栏式布置,通过背景色区分,分别放置图片和文字等等。在设计中注意多吸取好的网站设计的精髓。


 
 

网页设计|招聘网站制作|网页设计

网页设计上海网页设计招聘人员

人才招聘

上海网事无忧计算机科技发展有限公司是上海一家IT高科技企业.公司坚持以技术为导向,坚持科技发展的道路. 公司目前主要开展网站建设网站海外推广,google关键词广告,google左侧排名,SEO搜索引擎/网站优化,overtrue海外联合推广,yahoo.msn全球推广,欧洲资源,欧洲黄页欧洲推广,软件主要开发信息管理系统、办公自动化系统、 系统集成为主。公司依靠领先的技术水平,精干的技术队伍,高效完善的管理体制,成功跻身于竞争激烈的 网络营销及软件系统供应商的行列,得到客户的高度评价。 为了进一步适应市场发展的需要,公司在保持提高原有的优势的前提下不断开拓新的行业领域,大力度开拓新的市场。与此同时为了适应企业发展的需要,更好, 更完善的推动市场,自建立以来公司一直致力于管理的规范化和科学化,不断地引鉴成功的、先进的管理方式,完善自身的管理体制。

招聘之一:网页设计师招聘(有效期2009-3-1-2009-4-30)急聘
1.中专以上学历,计算机相关专业、美工专业
2.一年以上网页设计经验
3.精通 Dreamweaver、Frontpage、fireworks、Photoshop等图形处理软件及各种网页制作工具
4.精通HTML、CSS、DHTML、Javascript、VBScript,能够协同程序设计人员工作
5.精通ASP,ASP.NET,PHP,JSP任何一种,熟练SQL SERVER数据库
6.具备美术及平面设计能力 ,美工要求较高.

工作所在地:上海市
人数:2      有意者mail至 info@51web.biz
工作招聘之二数据库管理员DBA人才招聘

主要职责:
1、数据库管理和维护,包括备份和恢复等;
2、数据库结构设计和优化;
3、开发并调试服务器端的存储过程、触发器等;
4、服务器操作系统的管理和维护;

任职资格:
1、计算机或其他相关专业毕业,本科以上学历;
2、二年以上ORACLE数据库管理经验;尤其是性能调优;
3、熟悉Windows/UNIX/Linux系统下数据库的安装与日常维护;
4、具备较强的数据库表结构设计能力,熟悉JDBC、ODBC等数据库访问接口;
5.精通Oracle数据库技术,包括数据库备份、恢复、PLSQL、分布式数据库和OPS系统的管理;
6.熟悉Linux操作系统或Solaris操作系统,精通大型数据库的管理维护;
7、能在一定压力下工作,有良好的团队合作精神和沟通能力;
8、有ORACLE数据库OCPDBA认证证书者优先;

工作所在地:上海市
人数:1

工作招聘之二销售代表

职责:

1、从事为企业制作网站/网站推广/网络营销业务的市场开拓;
2、网站建设/网站推广/网络营销售前的咨询服务;
3、制定可行的营销方案并可通过电话开展网站建设业务;
4、明确工作目标和销售计划并有效地完成。

要 求:

1、能独立开拓市场,有良好的行业客户基础,有一定的网站建设的销售经验;
2、头脑灵活、思维敏捷、勤奋好学、勇于接受挑战;
3、普通话标准、会上海话,语言表达能力强;
4、年龄25岁以上,善于人际交往、沟通;
5、大专以上学历,计算机、市场营销等专业优先;
6、对互联网知识有一定的了解,能够熟练操作word、excel等办公软件;
7、具有高度的责任心,可承受工作压力并能自我激励;
8、具有较强的客户销售和销售推进能力或拥有优良的个人销售业绩和团队销售记录;

工作所在地:上海市
人数:3

有意者请将个人简历及有关资料至info@51web.biz

网页设计工作招聘上海网页设计

网页设计工程师上海招聘

个性网页设计之页面设计
 
页面设计包括甚多,可大可小,我分以下几个要点与大家讨论:页面平铺、整体规划、功能易用性、气氛情感表达。大家有什么问题可以给我来信relen@sina.com。

一、页面平铺
把页面平铺开,主要的物件有:导航栏、LOGO、Banner、按钮、图片、文字。下面我就针对最主要的几个部分具体讲解。

1.导航栏
导航栏如果设计得恰到好处,是会给网页本身增色很多(千万不要太花哨,它属于功能物件,喧宾夺主就不好了)。导航栏有一排、两排、多排、图片导航和Frame 框架快捷导航等等各种情况的设计。有时候是横排,有时候则是竖排。另外还有一些动态的导航栏,如很精彩的Flash导航。导航栏设计要点归纳如下:

1)导航不多的情况下,通常是一排,横竖都可以,其实栏目超过6个就可以考虑用两排。

2)导航栏目很多的情况,也可以多排,甚至不规则地多排(一排个数不同,或长度不同)。商业设计或门户站点通常都会有很多频道,设计起来,就要考虑横向双排。使用竖排,会占用太大空间。

3)通常内容不多的情况下,可能无所谓栏目,站点就包括了导航的具体内容,如图1所示。

4)双排导航未必要挨在一起,可以自由一些,如图2所示:上排有导航栏,图片分隔开后则另起一排。

5)图片式导航,很漂亮,占用页面空间比较大。如图2中每一个孩子图像就是一个点击热点。

6)我推荐大家多用Flash制作导航,其体积小、变化多。

7)内容很丰富的站点,可以考虑使用快捷导航,即Frame 框架快捷导航,是因为不管你进入哪个页面都可以快速跳跃到另外的栏目,不会失去方向。

8)利用DHTML、JS、动态隐藏层等技术实现的多变化的导航,都有浏览器的支持问题。我建议大家不要给信息很多的站点作此导航。

9)不是所有的网站都有导航的。大家可根据自己情况而定。

2.LOGO(标志)
关于LOGO的设计我会在以后的“CI行销”一文中具体讲解。这里我暂归纳下列两个设计要点:

1)LOGO的位置通常在页面的左上角。根据你的设计,它不是一成不变的,所谓个性的设计,不论商业或个人,都要去大胆尝试。这里为大家列出LOGO在页面上常见的布局情况(图3),以作参考。

2)网站的LOGO,虽然有动态的,但是绝对不适宜过分的动感,且不是所有的网站标志都适合选用动态。

3.BANNER(广告条)类型
几种国际尺寸的Banner如下:468×60(全尺寸Banner)、392×72(全尺寸带导航条Banner)、234×60(半尺寸Banner)、125×125(方形按钮)、120×90(按钮类型1)、120×60(按钮类型2)、88×31(小按钮)、120×240(垂直Banner),其中468×60的和88×31最多用,下面就常用的为大家讲解一下。

1)468×60 全尺寸Banner

虽然尺寸为国际标准,但是在设计页面的时候,完全可以根据你的页面占用空间来制定Banner广告位和广告条大小。

(1)一个页面内不易超出两个468×60 全尺寸Banner。两个条的时候,一般是上面一个,下面一个,如图4所示。

(2)设计Banner配合页面的两种情况:单看Banner很难看,但是放入网页中,却会使网页设计丰富而炫目,一般也就是468×60的Banner有这本事了。还有设计的时候必须要考虑LOGO跟别站互换时如何更适合他人网页的风格,所以该多做一些不同颜色不同情况的Banner。

2)88×31的Banner

(1)大家俗称它为LOGO。

(2)好的Banner也要符合网站的风格。经常遇到一个很棒的Banner点开却是很难看的主页。虽然有被欺骗的感觉,但是从行销的角度讲,它设计越好,点击率越高,也就越成功。

(3)如图4中,区域7内的一般的广告条, 88×31 Banner也可以用来丰富页面。这样的情况很少见,值得注意。

3)Banner设计注意点:

(1)Banner有动态和静态两种。在浏览网页的过程中,虽然闪烁的图案会产生瞬间记忆刺激,引起注意,但这种记忆往往为压迫性的,久之易产生负面效应,从而模糊记忆。而稳定的画面不易引发特殊的关注,但如果有良好的界面引导和内容,可产生良性的记忆,持久而牢固。根据粗略统计,100个Banner里面有1/3是静态的。看来大家对动态的Banner更加看好。

(2)Banner的“重量”要轻!以468×60的Banner为例,最好是15K左右,不要超过22K。而88×31的Banner最好在5K左右,不要超过7K。

4)设计要点:

(1)Banner的文字不能太多,用一两句话来表达即可。

(2)广告语要朗朗上口。

(3)图形无须太繁杂,文字尽量使用黑体等粗壮的字体,否则在视觉上很容易被网页其他内容淹没。

(4)图形尽量选择颜色数少,能够说明问题的事物。

(5)如果选择颜色很复杂的物体,要考虑一下在低颜色数情况下,是否会有明显的色斑。

(6)尽量不要使用彩虹色、晕边等复杂的特技图形效果,这样做会大大增加图形所占据的颜色数,增大体积。

4.按钮
网页设计是新的行业,没有很久的历史和规范的教本,长期以来对按钮的定义也不是很清晰。哪些算是按钮呢?如图5中用圈作记的地方:其中“用户登录”、“登录按钮”“More按钮”、“个股推荐”等等类似物件,通常都统称为按钮。某种意义上导航的存在形式也是按钮,只是它的功能很特殊。如果经常做网页,就会感觉到按钮设计的要求已越来越高。

按钮设计要点:

1)设计按钮要同页面的整体协调,不能太抢眼。

2)有的页面很单调,还要依靠花哨的按钮来提一下。

3)选用的字体,选用的插图,或插图及字体搭配,都要考虑字迹清楚,色彩简单一些,不要超过四种。

4)很长的按钮可能就是框架的分界,尽量要纤细一些,否则页面会显臃肿。

5.图片
为了美化页面,图片是任何一个页面都要用到的,但要考虑网速,建议大家能不用就不用,图片的运用要合理。

图片运用要点:

1)图形的主体最好清晰可见。

2)图形的含义最好简单明了。

3)图片内所含文字应该清晰容易辨认。

4)背景与主体明度对比比例应为3∶1到5∶1之间为宜。

5)淡色系列的背景有助于整体和谐。

6)淡色材质背景最佳,能与主题分离之浅色标志或文字背景亦可。

6.文字
文字也是设计的。这里给大家列出几个设计要点:

1)每一行文字的长度最好20到30个中文字(40到60个英文字母)。

2)行距与字距已由软件内定。设计时注意段落与段落间空行及首行缩排方式以辅助阅读。

3)标题以H1到H3字号为佳,内文Font size=3到4级为佳。

4)同版面字型最好在三种以内。

5)文字的颜色最好也是三种以内。

6)文字在颜色上要与背景区别。

7)内文的排列向左对齐并与左边界保持适当距离。可以用表格填入文字以达此效果。

8)表格或清单内的字运用相同字型与字体大小,以利辨别。这些都是为用户服务的设计,很重要哦!

二、整体规划
1.有共性,才有统一,有细节区别,就有层次。

2.防止设计与实现过程中的偏差,不要定死具体要放多少条信息。

3.设计的各部分,要配合整体风格,夸张一点好像VI。

4.不仅页面上各项设计要统一,而且网站的各级别页面也要统一。

5.页面要“透气”,就是信息不要太过集中,以免文字编排太紧密。

6.不要有太多分散注意力的点。动态闪烁要适中。

7.页面留白部分,要根据平面设计原理来设计,请注意,分栏式结构不宜留白。

8.还要考虑到浏览器上部占用的屏幕空间,防止图片截断等造成视觉效果不好。

9.首页留白布局部分我为大家准备了一个例图(图6)供参考。

三、功能易用性
任何网站都要把这个问题放在第一位。不过大家请注意以下几点:

1.导航栏应最先调入,以便常客快速前往所需信息空间。

2.页面长度要短,使得用户在信息空间内可迅速移动。

3.导航设计方向要一致。支持导航的层次按钮应当从上到下或从左到右,但不要两者都用,不要混用方向。

四、气氛情感表达
气氛会自然地激发出一种情感,不管它来自图片、颜色、标题或者是动态的广告,只要是来自页面,本身就具备了一种表达思想。举个对比很鲜明的例子:浏览恐怖站点和浏览圣诞节庆祝页面,你会有怎样的感觉呢?这就是个性。



 


上海网事无忧计算机科技发展有限公司
Copyright©2002-2009 51web.biz All Rights Reserved 版权所有:上海网事无忧计算机科技发展有限公司
ADD:上海市龙漕路1弄8号305室 ZIP 200235
Tele:86-21-54379506 Fax:86-21-64085498
E-mail:sales$51web.biz 将$号改成@