网页制造进修:关于门户网站设计

2015-09-30  来自: 陕西印象信息技巧无限公司 浏览次数:1032

门户网站有很多种。最为国人熟知的是象新浪搜狐那种信息类门户。重要以告白支出为主。如今也有博客门户等。象铛铛、淘宝那样的购物平台,其实也是一种门户,只不过摆设的是商品信息,赚钱方法是依附出售商品。不合的门户,有不合的需求,都应当根据这些需求出发去设计网站,这是尽人皆知的,然则它们之间也有特性,那就是都请求进步浏览效力!促使网站杀青赚钱目标。
信息类门户:
1.网页的体积最小
2.分类明白,多偏向引导
3.信息量最多
4.风格分歧,易于管理
5.以恰当的方法供给多种多样的告白位
6.分栏目设计凹陷主题风格
购物类门户:
1.网页体积尽可能小
2.分类明白,多偏向引导
3.信息根据重要程度疏密有秩
4.每个页面信息都是一种告白方法
5.凹陷商品本身
6.分栏目设计凹陷主题风格
一、网站风格/创意

 “风格(style)是笼统的。是指站点的全体笼统给浏览者的综合感触感染。全体笼统包含站点的版面构造,色彩,字体,浏览方法等…。如:我们认为迪斯尼是活泼活泼的而IBM则是专业严肃的。每个网站都邑给人们留下的不合感触感染。这里我们须要做到的是根据网站的定位做出网站独有的风格。除此我们还须要在风格同一上须要掌握一下,其实这个风格的同一和传统的印刷出版物没甚么差别。你网页上一切的图象、文字,包含像背景色彩、辨别线、字体、标题、注脚甚么的,都要同一风格,贯穿全站。如许子用户看起来舒畅、顺畅,会对你的网站留下一个“很专业”的印象,有一个全局感触感染。创意,所谓创意就是形形色色?某些设计师在做创意的时辰大年夜费周章,做出来确切弗成否定很有创意、很新颖,但常常关于行业网站的客户为甚么不克不及接收呢?此时不要太责备客户的不识货,应当反思,捉住客户的需求。其实做行业网站不须要很多大年夜的创意,也不要浪费过量的时间去寻求若何特性、若何好看,我们只须要一点小小的创意贯穿全站,或许会使网站更活泼更具有吸引力、更有思维。”不要在页头用大年夜面积的装潢图片来表现全部网站的风格门户网站构成很复杂,平日会吞并、嵌套很多小网站。网站的运营方固然欲望让这些小的网站套用全部门户的VI。所以,在应用最频繁的页头部分,应当是可以或许很明白的标识网站风格的处所。然则,不要用大年夜副的装潢图片来表现,LOGO?LOGO是干甚么用的?设计时的出发点是甚么?不就是标识企业凹陷门户风格吗?假设LOGO不克不及起到如许的感化,那还要它做甚?所认为了浏览速度快,最hao页头只要LOGO、文字导航、简单色彩装潢。我建议页头最hao是可以宠满页面的,没有宽度限制,如许便可以或许适应各类宽度的网页了。不要制造过量过大年夜的图片镶嵌在网页中,如大年夜片的没成心义的装潢图片,别忘了你是在做一个门户!!有贸易目标的门户!这是在经商!假设你经商老板会批给你很多钱去做些对发卖没有赞助的事吗?或许他会批给你钱组织员工去旅游,用于进步士气,然则他不会批给你钱带一切员工去冰岛,并盖一个希尔顿饭铺!
2、网站LOGO
Logo望文生义就是站点的标记图案,logo最重要的就是用图形化的方法传递网站的定位和运营理念、同时便于人们辨认。网站logo的设计过程当中普通有以下三种思路:1.直接以网站网址作为logo。2.根据网站供给的产品/办事特点展开logo设计。3.以传递网站运营商的运营理念为特点。我小我建议门户网站的LOGO中最hao包含:网址(去掉落WWW及网址后缀)中文标识帮助图形标识。帮助图形标识可以或许最hao的表现网站风格,变更多样。网址和中文标识的设置要清楚易用。最hao自力创建一套字体,但最hao跟罕见字体相差不太大年夜。便于应用在子栏目中。
3、视觉流程

“人们在浏览某种信息时,视觉总有一种天然的活动习气,先看甚么,后看甚么,再看甚么。在心思学的研究注解,普通的浏览习气是从上到下、从左到右,在一个平面上,上松下稳而压抑。异样,平面的左松右稳。所以平面的视觉影响力上方强于下方,左边强于右边。如许平面的上部和中上部被称为“最jia视域”,也就是选的处所。在网页设计中一些凹陷或推荐的信息平日都放在这个地位。左边为惯例信息,右边为推荐信息。固然这类视觉流程只是一种感到并不是一种固定的公式,只需符合人们的心思次序和逻辑次序,便可以更加灵活地应用,在网页设计中,灵活而公道地应用直接影响到传达信息的精确与有效性。”

四、网页框架与构造

网页构造大年夜致可分为“国”字型、拐角型、“T”字型、“L”字型、综合框架型、Flash型、变更型,在这里就不做逐一阐述了。其其实我们在做设计的时辰并没有过量的去推敲甚么情势,比如我们在一张纸看到一个圆形的器械,很轻易可以联想到它像太阳,而有些人则联想到月亮等等…这都是一种情势比方,最重要的是捉住客户的需求,掌握网站的定位做处公道的框架构造。

1.分辨率

 网页的全体宽度可分为三种设置情势:百分比、象素、象素+百分比。平日在网站扶植中以象素情势最为经常使用,行业网站也不列外。我们在设计网页的时辰必定会推敲到分辨率的成绩,科技生长到如今我们平日用的是1024*768和800*600的分辨率,如今搜集上很多都是用到778个象素的宽度,在800的分辨率下面常常使全部网页很压抑,有种不透气的感到,其实这个宽度是指在800*600的分辨率上彀页的最宽宽度,不代表最jia视觉,无妨尝尝760~770的象素,不论在1024照样800的分辨率下都可以达到较佳的视觉后果。

 并且,针对你的目标用户,你可以采取不合的分辨率标准,比如购物网站的用户,平日都是比较适应搜集生活,有必定经历的网平易近,他们的显示器平日会比较先辈,象今朝便可以采取最di1024*768分辨率。假设你面对的目标用户,行业不固定,或许有相当一部分都只是有时上彀,那么他们很能够采取的是过时的旧设备。就要推敲用较低分辨率做为制造标准。
2.公道告白

 在今朝一些网站的告白(弹出告白、浮动告白、大年夜告白、banner告白、通栏告白等等…)让人认为很烦琐,更本就不肯意来看,有时连你这个网站都不上了,如许一来网站遭到了严重的影响、告白也没达到告白的目标。这些成绩都是我们在设计网站之前须要推敲、须要筹划的内容之一。

浮动告白有两种,第1种是在网页两边空余的处所可以高低浮动的告白,第二种是满屏幕到处随机移动的告白。建议能应用第1种的情况下尽可能应用第1种,弗成防止第二种情况时尽可能在数量上控制最多一个就好。假设数量过量会直接影响到用户的心思、防挨到用户浏览信息,拔苗滋长。首页告白不宜过量适中便可。如在注册或许某个购买步调的页面上最hao不要出现过量的其他有关的内容让用户专心,防止客户流掉等。

新风行的一种告白是将全部页面按1024*768或更高的分辨率标准来设计,在逾越800*600用户浏览范围的处所,放置的是惯例告白信息或软告白信息,如许一来,设备条件好的用户便可以浏览将近全屏的页面内容,而800*600的用户只能看到告白部分的一个小边,然则不影响浏览重要信息。

3.空间的公道应用

 很多的网页都具有一个特点,用一个字来描述,那就是“塞”,它将各类各样的信息如文字、图片、动画等不加推敲的塞到页面上,有若干挤若干,不加以标准,招致浏览时会碰到很多的不便利,重要就是页面主次不分,鹊巢鸠占,要不就是没有重点,没有很好的归类,全体就像各大年夜杂烩。让人难以找到须要的器械。有的则是一片空白掉去均衡,也能够用个“散”字来描述。

 并不是要把全部页面塞满了才不认为空,也并不是让全部页面空旷才不认为满,只需公道的安排、无机的组合,使页面达到均衡,既使在一边的部分大年夜面积留空,异样不会让人认为空,相反如许会给人留下广阔的思虑空间,给人回味又达到了视觉后果。

 

比如重要但情势单一的文字信息,就要在块于块之间多点留白。图片花样纷乱的部分要于其他块有明显辨别。在首页上展示子栏分类信息要紧凑,以一大年夜类作为一个全体块。雷同类的信息采取雷同的排榜方法。门户的导航是常常变且种别单一的,不用定甚么时辰是双数甚么时辰是双数,所以不要用图片来制造。

重要的第1屏

包含页头的的第1屏,应当集中了用户最经常使用的信息,导航,办事链接。这一屏的装潢,应当很大年夜程度的表现了全部网站的设计风格,并且分为页头(LOGO 分类导航 办事导航);上岸区;首推图片告白/文字告白;热点信息/导航;信息推荐;首推专题;

 

4.文字编排

 

在网页设计中,字体的处理与色彩、版式、图形化等其他设计元素的处理一样异常关键。

 

4.1文字图形化

文字图形化就是将文字用图片的情势来表示,这类情势在页面的子栏目外面最为经常使用,由于它具有凹陷,同时又美化了页面,使页面加倍人性化加强了视觉后果。是文字没法达到的。关于通用性的网站弊病就是扩大性不强。

4.2强调文字

 

假设将个别文字作为页面的诉求重点,则可以经过过程加粗、加下划线、加大年夜号字体、加指导性符号、倾斜字体、改变字体色彩等手段无认识地强化文字的视觉后果,使其在页面全体中显得出众而无能。这些办法实际上都是应用了比较的轨则。假设在更新频率低的情况下也能够应用文字图形化。

 

五、网站配色

 

1.用一种色彩。这里是指先选定一种色彩,然后调剂透明度或许饱和度,(说得浅显些就是将色彩变淡或则加深),产生新的色彩,用于网页。如许的页面看起来色彩同一,有层次感。

 

2.用两种色彩。先选定一种色彩,然后选择它的比较色(在Photoshop里按ctrl+shift+I)再停止渺小的调剂。全部页面色彩丰富但不花稍。

 

3.用一个色系。简单的说就是用一个感到的色彩,例如淡蓝,淡黄,淡绿;或许土黄,土灰,土蓝。也就是在同一色系外面采取不合的色彩使网页增长色彩,而又不花,色彩同一。这类配色办法在网站设计种最为经常使用。

 

4.灰色在网页设计中又称为“wan neng色”,其特点是可以和任何色彩搭配,在应用时掌握量防止网页变灰。

 

在网页配色中,尽可能控制在三种色彩以内,以防止网页花、乱、没有主色的浮现。背景和前文的比较尽可能要大年夜,(不要用斑纹繁复的图案作背景),以便凹陷重要文字内容、也应用户在浏览信息的时辰不会认为累。

 

六、罕见成绩

 

6.1分化大年夜型表格

 

为了加快网页的浏览速度,尽能够防止用大年夜型表格,由于浏览器必须等待全部表格的内容全部达到客户端,才能显示这个表格的内容,而文本或图象则是一边下载一边显示。同时我们制造网页时要尽可能增添表格的深度、表格复杂化,这一点尤其重要可直接影响网页浏览速度、又给前面的法式榜样添加带来了不须要的费事。

 

将浮动层等load时间慢的信息块(div))放在BODY的最后,可以尽可能少的影响用户浏览速度。

 

6.2网站导航要清楚

 

“您地点地位”在大年夜型网站中是弗成缺乏的一部分,其感化注解您如今所处在的地位,应用户不会不知器械南北迷掉在网站中。其次还有读者进入目标页的点击次数,不克不及逾越三次。假设三次以上还找不到用户所要的信息,人家可就没有耐烦陪你玩了!

 

6.3图片注解

 

在很多网站上我们都可以找到一个合营的缺点,当网速慢时有很图片都没法显示,又没有注解使得用户反感,如在注册时的按钮是图片做的又没加图片注解,而招致连注册都找不到,假设加了注解这些成绩也就不成成绩了!

 

6.4体系按钮

 

在我们做按钮的时辰,要做成“按钮”的情势(type="button"),而不要做成“提交表单”的情势(type="submit"),便利今后法式榜样设计。

 

6.5空链接、逝世链接

 

在一个、专业的网站上是找不就任何一个空链接或逝世链接的情况,假设有这类情况会影响到用户对您网站的评价,所以我们在制造的时辰尽可能防止,防止办法就是提早做好链接,假设还没有完成的页面则链上“扶植中…”的页面,加以解释。

 

6.6导航条

 

在大年夜型的行业网站外面主导航条最hao是用文字情势,防止应用图片或Flash做导航条、减少网站扩大性。

 

6.7网站的扩大性

 

关于一个行业网站而言,网站的扩大性是相当重要的,随时都要推敲到网站需求的变更!

 

7、专题设计

 

实际上,我认为全部网站投入设计力量最多的处所,就应当是专题页了。由于一个门户是不该该常常改变构造和风格的。而为了更快速的引导顾客浏览,首页上放的多是文字分类,不该有过量图片装潢。而专题页上,最重要的是修建花费氛围,安慰顾客的花费欲望,所以,只如果可以或许表现商品特点,吸援用户,即使页面体积有些大年夜也能够容忍。在这里,有设计人员更多的发挥空间。

 

在专题设计中须要留意的是,标题文字或告白文字应当凹陷明显,浅显描述文字与配风景比较清楚。商品图片凹陷,全部构造丰富而不纷乱,主次清楚。可供用户操作的空间明显而凹陷。

 

7、告白图片

 

平日门户网站的告白来源很广,又的是告白客户本身制造的,有的是其他网站制造的,有的是门户网站本身的告白部分设计制造的。在设计上很难管理,不过有一个准绳,就是:色彩艳丽层次少;主题文字凹陷;构图简单;动画播放时间不太长。


陕西印象信息技巧无限公司

接洽人  :刘经理

营业咨询:13379231619

办事监督:029-88412862

接洽地址:西安市南关正街中贸广场15号楼2单位9F

司法参谋:西安市方强律师事务所王继平律师

CopyRight © 版权一切: 陕西印象信息技巧无限公司 技巧支撑:陕西印象信息技巧无限公司 网站地图 XML 立案号:陕ICP备09025595号-1


扫一扫拜访移动端