高水准网页设计需掌握文字图片协调
2012/2/1 22:19:04来源:互联网
高水准网页设计--本文将结合站酷网给大家介绍网页设计的高水准设计原则;用户浏览网站是按照“F”型的视觉路线。我们看任何东西都是从上往下的,最顶部左上角的位置是最明显的,也是最先被看到,这一点已经被现在所有的网站都运用上了,大家通常把公司的LOGO,网站的名称放在这个位置。接下来看到的是中间区域左边的一部分,这个区域大多数电商站喜于放产品栏目,以便用户查找。最后就是底部内容部分的。了解了这个规律,当我们在设计页面的时候就知道怎么样做内容,怎么样让内容搭配图片,做到协调统一。
文字和图片的统一,就是形式和内容的统一
文字口号是引起注意的元素之一,配加一个亮色调的按钮图标,瞬间让页面充满活力,美感,给到浏览者丰富的视觉体验。
如图一:上下配有粉红色图标,位置上形成斜度视角,同有标明提醒作用,整体感观达到协调统一效果。

如图二:底图4个小图标按钮,搭配文字,每一个图标图片形象表达了赞它,收藏,分享,举报的意义,规律而生动,这个就是文字和图片的统一,也就是形式和内容的统一。

让文字飞
利用段落、加粗、斜体、引用、下划线或者字母大小写搭配一些图形状……,这些都能让文字部分更有视觉冲击力,对文字进行创意的编排更有利于浏览者阅读。当然,能也让你认为是重要的文字 加以强调。
图:文字和图片的搭配,使得表述的内容更加有意义,加深浏览者的印象。类似这样的设计是最容易让用户接受和记住的。

正确取用图片
一般用户对图片都是一视而过的,当我们在高级水准网页设计的过程中如何使用图片?让图片来渲染页面,保证整体页面的美感呢?选定图片要确保它们不杂乱,图片内容要正确对应文字主题,颜色搭配要合理,被人理解,不要过于花哨。无论是图片的大小,风格都应当配合好文字板块,使整体的页面效果协调有层次感。

字融合图片,图片修饰文字。图片融合文字,文字修饰图片。
任何的页面设计是都是文字和图片搭配而成的。文字融入了图片做搭配,便富有了文字生命力,而图片加之对应内容才能便构成了一道优美的旋律音符。整个网页就是活的了,能与用户交流,共通。网页的整体美感就是来源于形式和内容的统一。
免责声明:本站文章系图趣网整理发布,如需转载,请注明出处,素材资料仅供个人学习与参考,请勿用于商业用途!
本文地址:http://tuquu.com/tutorial/di1025.html
本文地址:http://tuquu.com/tutorial/di1025.html
上一篇:网页按钮设计的6大原则及范例
下一篇:网页设计教程基础
这些是最新的
最热门的教程
-
Macaron 马卡龙系色谱 ;附HC(16进制码)
Macaron 马卡龙系颜色表 色谱/色卡/色表 扩展阅读:马卡龙原指(Macaron
-
@media适配不同尺寸的手机
当下,不同分辨率,不同尺寸的移动设备越来越多,自适应也成了最热门的话题,下面就是图趣网整理到的
-
干货分享!推荐8个高清无水印无版权可商用图
在我们写文章的时候经常需要给文章配一个好图,或者是bannar等等,这就需要我们寻找一些好的无水印
-
国外黄色网站系列欣赏之一
黄色也是一个暖色。它有大自然、阳光、春天的涵义,而且通常被认为是一个快乐和有希望的色彩,黄色
-
CutterMan-一个好用的ps切图插件
cutterman--ps切图工具,方便快捷的用于网页开发/IOS/Android切图功能
-
ps像素图放大边缘模糊?一步搞定
ps像素图放大边缘模糊?我们将分享一个ps无损放大二维码的更方便快捷的实例...
-
庞门正道:好好玩耍的点线面(上)
庞门正道:好好玩耍的点线面(上)
-
经典网页配色方案之无色系
今天跟大家分享无色系配色---指除了彩色以外的其它颜色,常见的有金、银、黑、白、灰。明度从0变化








