UI设计-17-10-24

页眉(页头):网站的顶部。承载整个网站的主要功能,制作时更突出,放置一些重要的链接。
页脚放置辅助信息。(弱化)
是整个网站信息结构的核心区域。
页眉区域放置的内容:logo,主导航,副导航及联系  (主、副导航,实用性链接,logo,搜索)
方式、搜索、辅助功能性导航链接
界面导航:(功能):明显、明确、便捷、易用
导航系统常用的类别及形式:
全局导航(主导航)
局部导航(副导航,全局导航的延伸)
实用性导航(标识链接,搜索引擎,网站地图)
导航表现形式:链接,按钮,面包屑,图片,文字,图标
链接标识,搜索引擎,

页脚(页尾):在网站的底部:视觉流的最末
通常页脚尺寸宽度一般会呼应页眉去设计。内容区域设计页眉。
放置的内容:法律条款生命,版权信息,企业名称,联系方式,搜索以及关联性的页脚导航和辅助信息。
页脚的导航:采用简单的文字链接。
友情链接:其他的站点。放在页脚不重要的位置。
页脚链接:方便查找内容。
页脚不可以抢页眉信息,一般以淡色为主。
辅助性信息。

banner:背景、产品、装饰、文字
内容区:banner下方,主显示区域,信息安排从上到下,从左到右的视觉顺序来整理。
网页版式(形式):
一栏版式:一种没有对页面做分割的版式,内容区域可占据整个页面。
两栏版式:在内容区域的的旁边分割一块辅助区域(放导航)。区域导航,辅助性导航或者广告:增加实用性。
三栏版式:在内容区域,左右侧各增加一个辅助区域,将主要内容放在中间区域,适合相对较宽的网站。
版式的使用:采用按钮来切换二栏和三栏。
1.jpg
2.jpg
3.jpg
4.jpg
5.jpg
6.jpg
7.jpg
8.jpg
9.jpg
10.jpg
11.jpg
12.jpg
13.jpg
14.jpg
15.jpg
16.jpg
17.jpg
18.jpg
19.jpg
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容