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

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

首屏:

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

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

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

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

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

产品图(精简 动效)


功能介绍区


设备型(外形统一

局部型

设计型

插画型

图标型


功能介绍区:


标题太长时 突出关键词

配图

虚实结合

距离远近

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

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

视觉对齐优先


注册区、信息区


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

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

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

底色通过上下联系来制作

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容