建站资讯

个人网页设计排版

作者:admin 发布时间:2020-07-31
个人网页设计排版 6781次阅读 出处:

任何追求漂亮版面的人都知道,印刷排版跟网络排版完全是两回事。尽管有些规则可能相同, 但网站制作所处环境完全不同,两者都有自己一套必须遵守的规则和准则。两者的原理不同,不能 同时存在,跨越这个界线可能会导致排版混乱。
字体替换方法
过去,室内设计师必须使用用户电脑,甚至带文本图片上有的字体,这样字体才会正确显示。随 着技术不断发展,HTML5很快克服了这些问题。另外还有许多很棒的字体替换工具,这些工具搜集了 很多字体,用户不用安装专门的字体,字体照样正确显示。
间距问题
尽管,很少遇到网站排版中出现层级结构的问题,但相当多的网站排版却存在间距排列的问题 。网站所有元素的间距都必须按照一定的条理进行排列,因此你在处理间距必须遵循这些条理。你 可能需要去了解以下的专用术语:行距大小(Leading Size)、字偶间距(Kerning)和字间距 (Tracking)。
行距大小是一种增加或减少文本行之间产生的空格的方法。字偶间距是调节字符间空格,使其 达到更愉悦的视觉冲击的过程。使用字间距同样能达到字偶距调整的效果,彼此之间的唯一差别在 于空格的产生,字间距是在每字符间产生等量的空格,而字偶间距是调整的基于字符对所产生的 空格。
结构分析
尽管,你可能已经熟悉了网站制作的结构分析,你可能也明白排版中也免不了它。层级结构会 给你一个阅读显示文本的起点。这点非常重要,因为这会帮助你准确信息传递,同时保证读者准确 理解。很多网站在这个问题上都做得很好,但是你还是应该牢记在心,这样你的网站就不会显得太 过时。
字体配对
字体配对是将两种或更多字体通过排列组合达到最佳效果的过程。这听起来有趣,但对于初 学者却并非易事。选择一种或多种的漂亮字体就够了,但是,你只是想完美配对两种字体,从理论 上讲,难度更大。字体配对可降低使用单一字体时可能所产生的单调感。你能就此进行实践,为 网站中所有的大标题使用一种字体,在一些简单段落里使用另一种字体,看看最终效果是否很单调 。Douglass Bonneville书中就详细罗列了数千种字体配对,有兴趣的朋友可以看一看。
颜色和调色盘
排版中的颜色并不专指单一的文本颜色,通常是指网站用到的所有颜色。网站用到的图片和颜 色等同于文本的 背景 ,因此使用颜色时要谨慎。网站的元素要和排版颜色协调,不要让文本显 得模模糊糊。你也可尝试较尺寸较大的排版(又称为宏观排版)来达到更好的效果。简单来说,宏观 排版就是使用更大的文本来吸引用户。它的长度通常不能超过1到4个单词,因此,保持文字的简洁 性和准确性就显得格外很重要。在关键信息下,但是这并非那么重要,因为这并非你的网站的 焦点,但尺寸较大文字却是。
文字大小/粗细对比
如果个人网页模板把字体弄得难以辨认,这是犯了大忌。你也知道字体配对对于精美排版的重 要性,而不是用一些统一的文本。即使你找到很棒的字体搭配,还是别忘记为字体设置合适的 大小和粗细。字体粗细和大小设置不当大部分就毁掉了之前的搭配,因为这会让你已经使用的不同 字体难以辨认。还应注意一点,背景片跟字体样式相近或不匹配,会导致字体淹没在背景片当 中。


铁哥们祝贺内黄一中校友论坛今年会成功举办 干货满满!第二届内黄一中郑州校友公益分享论坛年会圆满落幕     心系母校,大咖云集,凝聚校友情谊,共建精神世界… 202001月08日 三网合一上线活动 [ 买一年/送一年] 铁哥们网络2017年5月1号三网合一(PC+手机+平板)全面启动。20人团队历时3年零6个多月精心策划/加密编程/数据可视化操作后台体… 201605月07日 十二年过去,我和金巧巧再次相见后的深思!   我重来不追星,只是当作朋友相处,可是时间一晃就是十二年,再次相遇后,我陷入了沉思... 方向比努力重要,… 201609月07日

十年执着,永不止步

铁哥们网络凭着执着与创新的精神,靠着智慧与汗水的付出,铁哥们网络获得了今天的成就,
我们将会继续进一步加快前进的步伐,全力进入一个新的发展时代。

收缩