计算机光盘软件与应用
工程技术
Ｃｏｍｐｕｔｅｒ
ＣＤ
Ｓｏｆｔｗａｒｅ
ａｎｄＡｐｐｌｉｃａｔｉｏｎｓ
２０１１年第１０期
网页版式布局设计中的形式美探讨
张胜超
（东北师范大学人文学院，长春１３０１１７）
摘要：网络作为新的媒体传播形式越来越被人们认识和依赖。今天的网站再也不是简单的信息堆积，而是集技术与艺术相结合的全新产物。无论是强大的技术支持还是优美的页面设计，都是为了更好的表达网站的主题，更多的吸引浏览者。在艺术设计领域中，无论何种设计形式，都以遵照形式美法则为第一重要。本文试图从设计的角度，通过对优秀站点页面的分析。谈谈网页设计中版式布局的形式美感，并对网页设计内容与形式的统一进行探讨。
关键词：网页设计；视觉元素；版面布局；形式芙
文献标识码：Ａ中圈分类号：ＴＰ３９３．０９２文章壤号：１００７－９５９９（２０１１）１０－００８２－０１
ＴｈｅＦｏｒｍａｌｉｓｍＡｒｔＴａｌｋｉｎｇｉｎｔｈｅ
（Ｃｏｌｌｅｇｅ
ＷｅｂＰａｇｅＦｏｒｍａｔＬａｙｏｕｔ
Ｕｎｉｖｅｍｉｔｙ，Ｃｈａｎｇｃｈｕｎ
Ｄｅｓｉｇｎ
ＺｈａｎｇＳｈｅｎｇｃｈａｏ
ｏｆＨｕｍａｎｉｔｉｅｓ＆ＳｃｉｅｎｃｅｓｏｆＮｏｒｔｈｅａｓｔＮｏｒｍａｌ
１３０１１７，Ｃｈｉｎａ）
Ａｂｓｔｒａｃｔ：Ｎｅｔｗｏｒｋ，ｔｈｅｎｏｗｗａｙｏｆｓｐｒｅａｄｉｎｇｍｅｄｉａ．ｉｓｋｎｏｗｎａｎｄ
ｎｏ
ｄｅｐｅｎｄｅｄ
ｏｎ
ｂｙｍｏｒｅａｎｄｍｏｒｅｐｅｏｐｌｅ．Ｔｏｄａｙ，ｗｅｂｓｉｔｅＳ
ａｒｅ
ｌｏｎｇｅｒ
ｔｈｅ
ｔｒａｓｈＣａｒｔｓｏｆｉｎｆｏｒｍａｔｉｏｎ，ｔｈｅｙａ舱ｎＯＷｐｒｏｄｕｃｔｓｗｈｉｃｈ
ａｒｅ
ａｒｅ
ｔｈｅｃｏｌｌｅｃｔｉｏｎｓｏｆｔｅｃｈｎｏｌｏｇｙａｎｄａｒｔ．Ｆｒｏｍｔｈｅｐｏｗｅｒｆｕｌ
ｔｅｃｈｎｏｌｏｇｙ
ａｒｔ
ａｎｄｔｈｅｇｏｒｇｅｏｕｓｐａｇｅｄｅｓｉｇｎ，ｔｈｅｙ
ｗｉｔｈｔｈｅｄｅｓｉｇｎａｎｇｌｅ
一个良好的布局设计可优化效率，减缓热应力，并尽量减小走线与元件之间的噪声与作用。这一切都源于设计人员对电源中电流传导路径以及信号流的理解。
当一块原型电源板首次加电时，最好的情况是它不仅能工作，而且还安静、发热低。然而，这种情况并不多见。
开关电源的一个常见问题是“不稳定”的开关波形。有些时候，波形抖动处于声波段，磁性元件会产生出音频噪声。如果问题出在印刷电路板的布局上，要找出原因可能会很困难。因此，开关电源设计初期的正确PCB布局就非常关键。
电源设计者要很好地理解技术细节，以及最终产品的功能需求。因此，从电路板设计项目一开始，电源设计者应就关键性电源布局，与PCB布局设计人员展开密切合作。
一个好的布局设计可优化电源效率，减缓热应力；更重要的是，它最大限度地减小了噪声，以及走线与元件之间的相互作用。为实现这些目标，设计者必须了解开关电源内部的电流传导路径以及信号流。要实现非隔离开关电源的正确布局设计，务必牢记以下这些设计要素。
布局规划
对一块大电路板上的嵌入dc/dc电源，要获得最佳的电压调节、负载瞬态响应和系统效率，就要使电源输出靠近负载器件，尽量减少PCB走线上的互连阻抗和传导压降。确保有良好的空气流，限制热应力；如果能采用强制气冷措施，则要将电源靠近风扇位置。
另外，大型无源元件(如电感和电解电容)均不得阻挡气流通过低矮的表面封装半导体元件，如功率MOSFET或PWM控制器。为防止开关噪声干扰到系统中的模拟信号，应尽可能避免在电源下方布放敏感信号线；否则，就需要在电源层和小信号层之间放置一个内部接地层，用做屏蔽。
关键是要在系统早期设计和规划阶段，就筹划好电源的位置，以及对电路板空间的需求。有时设计者会无视这种忠告，而把关注点放在大型系统板上那些更“重要”或“让人兴奋”的电路。电源管理被看作事后工作，随便把电源放在电路板上的多余空间上，这种做法对高效率而可靠的电源设计十分不利。
版式设计目的
使版面具备清晰的条理性，用悦目的编排方式来更好地突出主题，使版面达到最佳效果。
版式设计原则
○1主题鲜明突出——按照主从关系的顺序，使放大的主体形象作为视觉中心，表达主题思想。
○2形式与内容统一
○3优化整体布局
版式设计的功能
通过版面元素的编排达到信息传达的目的，文字的编排能够保证阅读的流畅，并通过编排的方法产生一定的美感，使读者阅读的过程充满轻松、美好的感觉。
版式设计的程序
○1读者群定位——要根据读者群体来编排版式；根据读者不同而设计不同的版面风格与版面编排结构，才能更好、更有效的传达信息；
○2明确设计项目主题——根据主题，选择适合的元素，最后再考虑采用什么样的表现样式，实现版式与色彩的完美搭配；
○3明确传播信息内容——作为设计师应该明白该版式设计的主要目的，要传达给目标群体什么样的信息，其次再考虑采用什么样的版面编排形式能更好实现信息传达；
○4明确设计意图（宗旨）——版面要表达什么意思，传达什么样信息，要达什么目的；（例如：促销，提高产品知名度等）；
○5明确设计要求——有明确的设计宗旨，明确主题，通过画面与文字结合，把商品信息准确、快速地传达给大众，起到促销商品的作用；
○6设计流程——
1】接到设计项目，了解主题，熟悉背景，明确宗旨，然后对以上信息分析，确认设计方案（即设计定位与表现风格）;
2】适当的运用手绘草图，可以帮组构思的完整，完成草图以后再到电脑上完成制作稿；
3】基本步骤：首先，根据版式的主题建立一张空白页面，然后在版面上划分出整个版面结构，最后根据版面结构的形式，把图片与文字编排在版面中，使版面平衡，达到信息传达的目的。
第一步 了解主题、熟悉背景、明确设计宗旨
第二步 进行信息分析
第三步 确认设计方案与表现风格
第四步 手绘草图
第五步 完成制作稿
版式的视觉流程
○1单向视觉流程——1）直/竖线式视觉流程；2）横式视觉流程；3）斜式视觉流程；
龙源期刊网
探讨手机界面设计的版式与布局
作者：张颖
来源：《中国科技博览》2016年第24期
[摘 ;要]移动互联网时代，手机界面成为重要的设计门类，是科学和艺术完美结合的体现。手机界面设计在构图和布局上都遵循着一定的构图法则和布局原则。
[关键词]手机界面 ;构图 ;布局 ;用户体验
中图分类号：TP311.56 文献标识码：A 文章编号：1009-914X（2016）24-0180-01
移动互联网设计发展到今天，有很多传统的设计规律可以遵循，也提出了新的挑战。因为手持设备屏幕较小，如何在有限的页面内呈现或引导有效信息，又不显得杂乱臃肿，界面设计中蕴含着一些设计师需要了解的版式布局理念。
一、 界面布局与版式的重要性
设计和绘画一样，在进行界面设计的过程中，也需要对APP的需求和内容进行分析，并采用合适的界面布局，用这样的方法可以开拓思路，化繁为简，提高设计效率，探索出最为合适的布局方式后再进行细化，添加元素，丰富画面。
面对一个APP界面设计项目，作为设计师核心重点在于弄清楚产品的功能核心和卖点，并通过界面设计突显出来，最终让用户获得更为舒适的体验。界面上杂乱无章的堆积会掩埋功能重点，大大降低用户体验。在界面设计过程中，通过前期的构图，使设计更为清晰有条理、提高APP产品的合理性和用户体验性。
界面布局为设计提供了明确的思路和方向，不同的构图和布局可以产生的不同的交互效应，固定的界面布局并不会限制设计上的创造力，因为布局只是一个框架，即使构图类型相同，设计风格及设计的表现方式和元素也可以完全不同。灵活运用构图和布局更能使设计师把精力集中在元素和产品特色上。
二、 手机界面构图版式的类型
手机界面的构图版式按版面的形式可分为九宫格网格构图、放射形构图、三角形构图、SF字形构图。
