【干货】石墨文档web设计中的套路

网页设计里面充满了套路,你懂这些,也可以制作漂亮的web界面哈。下面以【石墨文档】为例,解说:

首屏:

品牌色  背景设计(产品界面,辅助图形,场景化设计)

头部留白型/抽象头图形/具象头图形(产品文字与图不要层叠,物体太多太乱,会干扰,不要叠到人物脸)

明确需求目的/左右排版合适吗?(按需求可以调节交互页面)

大标题字体(气质相近的字体 注意版权问题 )

头图(文案有关  品牌色 突出)

产品图(精简 动效)


功能介绍区


【干货】石墨文档web设计中的套路_第1张图片

设备型(外形统一

局部型

设计型

插画型

图标型


功能介绍区:


【干货】石墨文档web设计中的套路_第2张图片

标题太长时 突出关键词

配图

虚实结合

距离远近

多端介绍区:阶梯形 三角形 自由组合型

设计形式有固定的含义  mockup统一 去干扰文字

视觉对齐优先


注册区、信息区


【干货】石墨文档web设计中的套路_第3张图片

图片统一形:logo统一模版 统一成品牌灰

注册区:模版统一  避免太灰

底部信息区:一字形适合阅读

底色通过上下联系来制作

你可能感兴趣的:(【干货】石墨文档web设计中的套路)