网页设计技巧:网页的平面构成排版能力

文章描述:什么东西都离不开基础,建房子需要地基,解方程式需要先学会乘法表,唱歌需要先会“哆、来、咪”。页面设计也同样需要基础,这个基础就是平面构成。 网页设计风格种多样,除去一些场景化设计和给力的素材支持,剩下的就全靠平面构成和排版了。刚开始接触网页设计的

什么东西都离不开基础,建房子需要地基,解方程式需要先学会乘法表,唱歌需要先会“哆、来、咪”。页面设计也同样需要基础,这个基础就是平面构成。 网页设计风格种多样,除去一些场景化设计和给力的素材支持,剩下的就全靠平面构成和排版了。刚开始接触网页设计的时候,常常会钻到某个局部中去,页面风格还没出现,就开始做字体细节,结果可想而知咯。经过一段时间的学习和实践,发现原来做网页跟绘画是一样,先把内容和想法都丢上去,排布出整体风格(这里就需要的是平面构成排版能力啦),然后再慢慢细化各部分内容。

一、基础中的基础:点、线、面

点构成线,线构成面,这些是平面构成中的基本要素,也是所有平面设计的基本要素。那么将这些基础中的基础运用在网页设计中,又是怎样的效果呢? 点、线、面这三个东西不单纯的指一个点、一根线、一个平面。我们要善于利用文字和图形的排布,为自己的网页增添效果。网页中的每一个文字,每一个点,每一个图形都是这个网页的组成元件,文字可组成图形,图形也可组成文字,这些都不是限定死的。

像这样的构成图片,似乎早就被大家遗忘在大学和高中了吧,当我们被各种丰富多彩的页面瞭花了眼的时候,回头看看这些基础的平面构成图案,或许会有一些新的启发和想法

[1] [2] [3] [4] [5]  下一页

时间: 2024-10-03 05:31:02

网页设计技巧:网页的平面构成排版能力的相关文章

网页设计技巧:网页图片的巧妙设计方法

文章描述:浅析网页设计中图片的使用基本原则. @MartinRGB 设计师都知道,行业的核心追求便是打造优秀的视觉效果.实际上,之所以能够成为设计师,是因为我们具备一种技艺,能够满足用户的视觉感受和视觉需求.我们可以听.读.想,我们可以想象出概念.物体以及人:但是这些感受都很抽象,只有实实在在地看到,印象才能定型. 你遇到过从来没见过雪的人吗?可能你也从来没见过雪花飘洒在天空的景象.所以这些人无法理解,到底什么是雪?他们可能会知道原理是因为寒冷而凝结了空气中的水分,落下便形成了雪,可是他们无法真

网页设计技巧:网页背景要结合网页内容

文章描述:一个好的背景风格,可以为你的网站定下基调.我们将探讨关于网页背景设计以及趋势的一些优秀的例子,包括采用大图片,鲜艳的色彩和大胆的图案. 一个好的背景风格,可以为你的网站定下基调.我们将探讨关于网页背景设计以及趋势的一些优秀的例子,包括采用大图片,鲜艳的色彩和大胆的图案. 有时候你的网页设计某一部分引入注目,但大多数情况下是背景起到了决定性作用.背景设计往往可以用图片.图案.颜色色块组合而成,但如何才能设计出一个优秀的背景设计呢?今天我们来看看使用不同的背景设计的效果和一些技巧方法. 怎

网页设计技巧:网页设计中的F式布局

文章描述:今天我们来重点介绍网页设计中的F式布局.传统的布局方式,依赖布置视觉线索,"控制"用户的视觉路径,相较之下,F式布局更加自然,更加友好.本文将讲述一些F式布局的规则.原理以及设计方法. 网页设计中的F式布局 今天我们来重点介绍网页设计中的F式布局.传统的布局方式,依赖布置视觉线索,"控制"用户的视觉路径,相较之下,F式布局更加自然,更加友好.本文将讲述一些F式布局的规则.原理以及设计方法. F式布局简介 F式布局是一种很科学的布局方法,基本原理依据了大量的

网页设计技巧:网页中动感线条使用

文章描述:想让网站动感十足?试试网页设计中的韵律线条. 在网页设计中,横向和竖向的直线非常常见,利用整齐的线条可以打造出有序的视觉路径以及信息层级.当然,有些时候,可以不按理出牌,设计一些倾斜的线条,让你的网站不拘一格,更加与众不同. 打破传统布局,创造动态的自由视感,让构成更加复杂--无论是利用简约的几何图形,或是精致的倾斜图像.让你的设计更具吸引力,不妨试试斜线. Paseo Itaigara 形状感很强,整体设计的很成功,显得并不杂乱.菱形无处不在,拼嵌式的菱形,装饰性的菱形,按钮的菱形,

网页设计技巧:网页设计中最好不出现8种情况

文章描述:时代一直在变,一个又一个的创新让我们感到惊讶万分.网页设计的趋势如同流星,光芒耀眼,但来得快.去得也快.虽然跟风很不好,显得毫无设计主见,但很多设计潮流确实值得追随.就像当下响应式设计.扁平化设计.以及滚动视差等. 时代一直在变,一个又一个的创新让我们感到惊讶万分.网页设计的趋势如同流星,光芒耀眼,但来得快.去得也快.虽然跟风很不好,显得毫无设计主见,但很多设计潮流确实值得追随.就像当下响应式设计.扁平化设计.以及滚动视差等. 可是呢,还有很多极为"糟粕"的设计趋势,本文一一

网页设计技巧:网页图片选择JPG格式还是GIF格式

网页设计中,保证图片清晰的前提下,图片越小越好.因为这样可以减少带宽占用,加快网页打开速度.尤其对于门户网站和访问量很高的网站,如果图片 都能比原来小10K的话,那么节省的带宽相当明显.那么就要求设计师在制作或生成图像时,选择合适的格式和质量,尽量把图片体积压缩的更小.下面就网上常 用的两种格式gif和jpg该如何选择阐述下本人的看法. 何时选择gif格式?何时选择jpg格式? 对于gif和jpg格式的选择,没有固定的限制,但要把握好一点.图片色彩单一.由色块或文字组成,较少渐变色的尽量采用gi

网页设计技巧:网页的loading进度条设计

文章描述:虽然加载在整个页面来看是一件小事,但是因为加载在不经意间导致的用户流失却是大事.在加载页中显示进度,给出承诺,增加信息量或者幽默内容都能使用户潜移默化减少"觉察"正在加载的时间.但是真正可以减缓的办法还是加载的速度增快;别致的设计虽可以治标,但加载速 对于加载(loading),想必大家都不陌生.每当看到加载页中那个不停转啊转的圈圈,或者是 "Loading-"后面不停闪动的三个点点,心里都会涌起各种焦躁反感.根据一份调查得出,用户能够忍受加载的最长时间在

网页设计技巧:网页实用字符图标代替图片

文章简介:上一周我提出一个关于"在'响应式设计'中图像处理的关键问题"的概述:尤其是如何为各种尺寸的设备提供相适应的的图片?而今天我会认真考虑一下"字符图标",并且我们可以在我们的网页中使用"字符图标"来代替一些图片,达到一样的效果. 图片是有诸多优点的,然而目前在网站设计这行业面临各种各样的挑战.图片不但增加了总文件的大小,还增加了很多额外的"http请求",这都会大大降低网页的性能的.图片还有一个缺点就是不能很好的进行&q

网页设计技巧:网页表格设计技巧总结

一个好的表格应该以易于理解,简单明了的方式传递大量的信息.真正的重点应该 放在信息上, 对表格的过度设计会抵消这种作用.从另一方面来说,巧妙的设计不仅可以使一个表格更具吸引力, 而且可以增加可读性. 表格信息通常是很乏味的 从某种意义上来说,的确如此.一个好的表格应该以易于理解,简单明了的方式传递大量的信息.真正的重点应该 放在信息上, 对表格的过度设计会抵消这种作用.从另一方面来说,巧妙的设计不仅可以使一个表格更具吸引力, 而且可以增加可读性. 今天我们来看看提升表格功能和美观的几种方式.我们