发表于: 2021-01-10 21:59:47
1 538
今天完成的事情:网站的分类,页面布局分类,网页和APP导航栏分类
明天计划的事情:继续画原型
遇到的问题:网页原型设计的规范,尺寸
收获:
网站按照特点来分类:
1.企业官网
企业官网是最普遍的一种网站类型。官网建设主要展示企业形象、企业产品或业务、新闻资讯、公司联系信息等。 企业网站建设的普遍意义是企业对外宣传交流的窗口。
2.品牌网站
一个公司的产品可能有很多个品牌系列,线上品牌推广,需要通过建立一个品牌网站来塑造品牌形象辨识度,扩大其知名度和影响力。比如农夫山泉、耐克品牌官网,打造品牌形象,传递品牌价值。
3.营销网站
从字面上的意思理解:营销=营销效果+实现销售。营销型网站,是在企业站的基础上,结合营销的思维方法,开拓线上营销渠道,最终带来盈利。这类网站主要展示产品的核心卖点,吸引客户咨询,促进交易,也是现在比较流行的一种网站类型。
4.电商网站
电商网站 主要分两种:企业商城网站和纯电商网站
企业商城网站,是在企业站的基础上,加入了产品在线购买功能,让用户可以在线便捷下单,实现线上交易。
纯电商网站,包含了O2O/B2B/B2C/C2C/分销等多种电商类型,打造支付+营销一体化的电商平台,电商网站的目的是为了开拓线上市场。
5.行业门户网站
针对某个行业,为业内人士提供行业信息服务,体现本行业特色。网站主要展示行业的动态信息、产品知识、厂家信息、市场行情和展会展览等信息。如中国阀门网、中国汽车网等行业门户网站。
.网页布局设计类型
- 1.国字类型
- 这种网页布局也被称为同字型。顶部是网站的标题、横幅广告条,然后才是网站相关的主体内容,左右分别是一些小的内容条,中间是其主要的内容,网站很底部是网站的一些基本信息,包括联系方式、版权声明等一些企业相关的内容。这种结构类型的网页布局应用较多。
- 2.拐角类型
- 这种页面布局的类型与国字型是很接近的,但是在形式上是有一定区别的。很上面的部分一般是网站的标题和网站的横幅广告条。很为常见的展现方式是很上面是标题及广告,左侧是导航链接。拐角类型的页面布局,相对于国字类型,在建站的过程中应用比较少了。
- 3.标题正文类型
- 标题正文类型的网页布局一般情况下,上面是网站的标题,或者一些类似的东西,然后是网站的正文内容,一些文章内容页面或注册登录页面对该类型的运用较多。
- 4.左右框架类型
- 这种布局的框架结构左右为分别两页。一般情况下:左边是导航链接,很上面常为一个小的标题或某种标致,右面是其主要内容。论坛网站应用很为常见,当然,企业网站中的内页很多也是采用这种布局类型的。这种类型的布局结构较其他类型布局,很主要的特点是清晰明了。
- 5.上下框架类型
- 这种布局类型与左右框架类型相似,但是这种类型的展现方式是上下两页的框架,还是有一定区别的。
- 6.综合框架类型
- 这种类型布局是左右框架类型和上下框架类型的结合体,这种类型布局有综合的优势,但是要结合自身网站的特点。
- 7.封面类型
- 这种类型布局基本上是出现在一些网站的首页,大部分情况都是精美平面与小动画相结合,再加几个简单链接,又或者只有一个“进入”的链接,也可能没有任何提示,不同的需求肯定会有一定的差异。
- 8.变化型
- 这种类型布局是上述几种类型的结合与变化,但其所实现的功能,实质上是那种上、左、右结构的综合框架型。由于需求的不断变化,在网站建设的过程中,页面的布局越来越倾向于综合化,以达到很佳的展示效果。
网站导航作用
- 引导用户完成网站各内容页面间的跳转。
- 理清网站各内容与链接之间的关系。例如展现整个网站的目录信息,帮助用户快速找到内容
- 对于用户在网站中所处的位置,尤其是面包屑导航
导航分类
网页端
- 水平导航栏(顶部、底部 一般只设置5-9个栏目)360官网
- 侧边导航栏 大众
- 隐藏导航栏
- 图标式导航 迪士尼
- 选项卡导航 站酷
- 响应式导航 苹果
移动端
原型设计的标准
1.网页web的尺寸一般宽度做1366,显示范围一般控制在1200即可,页面长度不要超过3屏。
2.App尺寸375*667
导航栏h=44,文字=16px,标题16号,主页面正文14号,文字说明12号红色字体;
常用的图片大小60x60,80x80,120x120。状态栏h=20,主菜单栏h=50
登录注册:输入框h=40px,登录按钮 h=45px
我的界面:资料背景框h=132px
键盘w=318px,h=221px 格子:w=106px,h=49p
Bnner图h=170px banner点R=2.5
底部栏h=49;图标h=49,w=49;文字=12px
评论