Web设计中的排版:融合多种特性,比平面媒体更复杂?
概念:
布局是将有限的视觉符号进行有序的搭配,使条理分明,浏览轻松,操作方便,从而营造舒适的感受。
Rams提出的十条杰出设计准则,包括开拓性、功能性、美观性、易于理解、谦逊性、真实性、持久性、精巧性、生态意识以及精炼性。
排版现时已普遍见于报纸、书刊杂志等平面媒介,同样也适用于网络设计,不过网络环境的特殊性导致其存在差异:
互动性方面,包含可操作、即时反馈、状态更新,不仅注重视觉上的吸引力,更强调使用的便捷性
展示载体包括个人电脑、移动电话、平板设备、家庭视讯终端以及投影装置等,务必留意其显示面积与色调表现
HTML和CSS持续演进,网页布局能力显著增强,运行效率大幅提升。
多媒体(文字、图片、视频)
致使Web设计中的排版更复杂,更困难,更有挑战性;
原则:
万变不离其宗,排版依然要遵循平面构成的基本原则——
循环与缠绕,节拍与和谐,镜像与均分,反差与和谐,分寸与恰当,突破与规范,隐显与空白,流转与整体
同时还要强调:
需要透彻掌握功能内涵和实质内容,以便让外在表现更完美地承载核心主旨,同时确保形式设计能够充分展现内在精神,使整体构思得到有力支撑,最终实现形式与内容的高度统一,让外在形态有效传达内在意义,从而提升作品的整体表现力,使形式设计能够精准反映内容精髓,让外在呈现更加鲜明地表达核心思想,确保形式构建能够有力支撑内容表达,使外在设计更加贴切地诠释内在精神,最终达成形式与内容之间的和谐共鸣,让外在呈现更加深刻地传递内在意义。
适应各种平台,在各种不同的分辨率和设备环境下均能良好显示,确保效果一致
类型:
1. 文字
通过调整文字的大小、样式的不同,以及色彩的深浅,来表现文本的层级关系,同时也要注意字体的粗细程度,以及文字之间的距离,还有段落之间的间隔,这些都能够帮助人们更好地理解文章的脉络。
2. 颜色
通过形状、位置、范围等形态要素,以及色调、亮度、饱和度等色彩特征,并参照具体情境与背景,来规划色彩布局。
3. 图片
Pinterest引领瀑布流排版的流行风潮
4. 表单
良好的界面布局设计,可以使人心情愉悦,顺利地完成注册、支付以及内容的发布和维护工作。
5. 界面
网页版与其他形式的布局差异显著,主要体现为互动性更强,因此设计时必须注重便捷性,同时页面构造要贴合大众的查看与使用方式。
6. 导航/图表
经过对信息数据的梳理归纳,实施有效分类和合理布局,能够将繁杂信息便捷地呈现给使用者,确保表达明确,呈现直观。
总结:
网页布局的合理规划至关重要。卓越的版式构思,既需具备视觉吸引力,更关键在于对信息素材进行周密安排、科学分布,确保其条理分明、一目了然,帮助访客迅速便捷地找到所需资讯,从而提升网站的整体亲和力、操作便捷性以及内容的可信度。
这要求设计师透彻掌握所设计的内容,增强内容的条理性和处理水平