本书详细讲解了不同类型Web端UI商业项目的设计理论、设计思路以及实际案例制作过程。全书共8章,具体包括网页UI设计概述、营销类企业网站首页UI设计、教育类企业网站着陆页UI设计、招聘类网站专题页UI设计、游戏类企业网站改版UI设计、企业网站信息管理后台UI设计、平台类商城UI设计以及电商类店铺首页UI设计,全书采用案例驱动的方式,让读者掌握不同行业、不同类型网站的设计规范和设计方法,并能够按照企业需求制作完整的企业网站。
1、网站首页设计有何要求一、网站首页的必要元素虽然首页元素根据企业性质的不同会做改变,但是基本的页面元素必须要具备。如:导航栏、LOGO、Banner、按钮、图片、文字。1、导航栏导航栏如果设计得恰到好处,是会给网页本身增色很多(千万不要太花哨,它属于功能物件,喧宾夺主就不好了)。导航栏有一排、两排、多排、图片导航和Frame框架快捷导航(民主湖论坛就是这种)等等各种情况的设计。
另外还有一些动态的导航栏,如很精彩的Flash导航。2、LOGOLOGO是网站为了给大家一个比较直观的信息的表达工具。网站的LOGO,一般以静态的居多,也有动态的,但是LOGO的特点都是在表达网站的信息,是一个网站的直接的表现窗口。3、Banner是网站的广告展示,对于引起用户注意和记忆、增强画面效果有重要作用。4、按钮网页中的“用户登录”、“登录按钮”“More按钮”、“个股推荐”等等类似物件,通常都统称为按钮。
2、首页网页设计的制作方法页面分为四层:框架、布局、模块、列表和数据块。框架页面的框架基本上都是:“头”、“主体”、“尾”。还应在“头”的下面还要加个“菜单”。布局(以下用#ID表示页面元素)#Head和#Foot里的就不说了,具体查看演示页面源码。布局说的是将#Main里的内容分成几大块。#Main里典型的左右结构,用#Layout_1,#Layout_2表示。
关于模块的ID名称,要取个有意义的名字,可以用#Col_1,#Col_2。模块的Class名称用.cols_1,.cols_2。模块内部的如下图:列表和数据块模块的主体是由列表组成的,而列表里则包含数据块。页面上的信息其实就是不同类型的列表。应将典型的列表方式提取出来,放在公用样式里(public.css)。
3、如何将某一网页设为首页?打开你要设置为首页的网页,然后点IE最上面的[选项]按纽,接着会有一个下拉菜单,在下拉菜单中点[Internet选项],就有首页设置的,选当前页就可以了。打开你要设为首页的网站,选择浏览器的“工具”-“internet选项”-“使用当前页”,确定就OK。