12-03

网页的组成

一级页面(首页)

页面 banner 版块内容 页脚

二级页面(点击进去)

页眉 分类信息 页脚

  • 底层页
    在网站结构中最后提供用户实质资讯的页面就是底层页
响应式网站

同一个web ui界面能够兼容多个终端无需为每个终端设定的版本主要是解决移动互联网web页面浏览。
优点:面对不同屏幕的分辨率可以灵活的去适配,用户可以在任何设备查看官网,体验良好
缺点:【代码多,维护成本高】 【加载速度慢】 【兼容性差,容易出bug】

设计的美与丑
网页广告

在网站中见到的广告形式就是banner,banner一般尺寸巨大,在网站之中非常显眼

  • banner尺寸
    banner的宽度有两种,一种是满屏(1920px),一种是基于安全距离的满尺寸(1200px或者1000px)高度:800以内
细节注意
  • 图标不要花哨
  • 分割线:#ddd 一像素
  • 不要出现虚像素
  • 行间距1.5倍
  • 主次分明:粗细 字体 装饰 大小 间距 颜色
  • 文案颜色不宜过多

官网必备五要素

首页 下载 关于我们 联系方式 加入我们

关于我们
  • 团队介绍 ——发展历程(不要长)——企业文化(加班文化)
  • 品牌设计师——企业理念——合作伙伴(相关企业 去色浅灰(降低不透明度)来做)
联系我们
  • 地图(mapbox)——基本联系方式(陌陌)——在线提交您的需求
加入我们
  • 公司环境——待遇——hr邮箱地址——招聘职位要求
  • 我们的福利(法定福利/住房福利/育儿福利/活动福利/员工带薪假期/工龄福利/电话福利/年度旅游)
  • 招聘职位 (拉钩 boss 复制)
  • 公司环境——员工风采(图文 集体活动/生日会/年度旅游)
    (好赞)

工作流程

原型图

原型图阶段中设计师需要和产品经理沟通交流,这时要注意,并不是产品经理向设计师下发需求,而是需要相互就自己擅长的方面进行沟通。

视觉稿

视觉稿阶段就是我们要根据原型图确定的内容和大体版式完成网站的界面设计,在设计网站的时候,我们需要一些图像和灵感的素材。

切图与命名
前端代码
项目走查

你可能感兴趣的:(12-03)