将想法与焦点和您一起共享

网站建设web框架如何搭建才能更统一化、规范化?发布者:本站     时间:2021-02-24 09:02:04

对于承载多个子产品的网站而言,单一的布局形式不能完全适用,因此我们需要全方面了解相关的布局框架理论。这有利于我们在定义复杂结构的Web界面时得心应手,做到统一化、规范化、可拓展及可快速迭代。

整篇文章分为两部分:

了解布局框架要素。
项目沉淀:滴滴魔方网站布局框架的构建与实现。
布局框架要素
1. 布局框架在设计中的重要性
在涉及数字媒体的屏幕布局时,我们需要将一些看似互不相干的元素和谐、有序的组织在一起,这是很有挑战性的。

对设计师而言,熟练掌握知觉要素的格式塔理论、视觉要素的组织和结构及感觉要素的层级和秩序,并将这些方法论运用到布局设计的每一处,才能创建出该产品真正的布局基础。

如何搭建Web端布局框架?来看滴滴设计团队的超全经验总结!

布局框架能帮助我们正确考虑产品的焦点,理性的传达有效信息而不是感性的创意视觉表达。

布局框架能保证优质产品及良好的用户体验,方便用户对界面的识别和使用习惯。

布局框架是产品的骨架和基础。在框架确定之后,设计师才可进行下一步的构建——统一的视觉元素,清晰的功能操作,具体流程的交互等等。

如何搭建Web端布局框架?来看滴滴设计团队的超全经验总结!

2. 布局框架的设计原则
了解布局框架设计的重要性后,我们再来认识一下布局框架的设计原则,分别为统一性、逻辑性、可扩展性、可预测性。

统一性——确保产品布局在结构和视觉的一致性,为用户提供高度的舒适感。
逻辑性——视觉中的各种分类构成具有逻辑思路,结构联系紧密且通畅。
可扩展性——无论产品功能是简单还是复杂,布局框架能够随着产品需求的变化进行布局结构的延展和扩充。
可预测性——选择可预测和可识别的布局,并连接到体验的每一个环境中且在适当的地方引导用户。
如何搭建Web端布局框架?来看滴滴设计团队的超全经验总结!

3. Web端的基础模块和分层逻辑
我们在进行布局框架设计前,先来熟悉一下Web端界面相关的基础模块和分层逻辑。

基础模块

根据模块自身属性及功能定义。常见的模块有九类,分别为顶部导航模块、左侧导航模块、页眉模块、页脚模块、主内容模块、左内容模块、右内容模块、抽屉模块、弹窗模块。

如何搭建Web端布局框架?来看滴滴设计团队的超全经验总结!

分层逻辑

基础层为常置的功能底层,是提供稳定性和可预测性必不可少的层级,具体有顶部导航模块、左侧导航模块等。

内容层可分为常置展示层,具体有主内容模块、左右内容模块等。

叠层为动态出现的功能顶层,始终叠加在基础层及内容层上方,是链接上下体验流程的模块,具体有抽屉模块、弹窗浮层模块。



选择我们,优质服务,不容错过
1. 优秀的网络资源,强大的网站优化技术,稳定的网站和速度保证
2. 15年上海网站建设经验,优秀的技术和设计水平,更放心
3. 全程省心服务,不必担心自己不懂网络,更省心。
------------------------------------------------------------
24小时联系电话:021-58370032
关键词标签:上海网站建设 上海网站制作 网站优化 小程序开发