首页 > 网页教程 > 设计分享 > 网页设计教程:首屏图文混排10大技巧分享

网页设计教程:首屏图文混排10大技巧分享

时间:2014-04-10    来源:优设网

图文混排是设计中极为重要的一项技术,同时它也极难达到完美的境界。要在网页首屏中呈现出完美的混排效果,你需要一张完美的照片,和足够出彩的文字排版。如果你准备接受挑战,那么请看接下来这10条技巧吧。

1、强化对比

Packdog

网页设计 色彩对比 首页设计 图文混排

Wearetelegraph

网页设计 色彩对比 首页设计 图文混排

首先网页首屏中的文字必须具备可读性才行,所以你需要确认文字与背景之间的色彩搭配能让用户看得清楚。当你选择一个暗色调的背景,那么你需要使用白色或者浅色的的文字,而当背景比较素雅的时候,文字可以使用深色,这就是我所说的强化对比。

当然,对比不仅限于色彩,文字同样存在对比。文字与图像相互配合,才能达到出人意表的效果。例如第一个案例,Packdog网站的设计,大图作为背景,用色浓郁,文字则正好相反,轻薄而大小错落。这些对比强烈的元素组合在一起令人印象深刻。

相关推荐
二十款网页图文混排设计样式欣赏
图文搭配网页不累!如何让网站图片混排好看实用?
CSS酷站网页水平条经典设计欣赏
35套精美绚丽的创意酷站设计欣赏
30款富有表现力的网页图表设计欣赏
19楼UED分享专题第一屏的设计经验
网页设计中的构图技巧分享
让用户感觉很糟糕的网页设计之十大原因
圆形元素在网页设计中如何应用的25个案例
2011年网站设计的新趋势
85个优秀的超大字体网页设计欣赏
8款效果超酷的jQuery动态Web布局以及制作方法
18个高光强质感风格网页欣赏及其表现手法总结
46个极具创意表现力的现代网页排版设计欣赏
25款在网页中运用CSS设计纯色背景的案例欣赏
网页设计教程:简洁网页设计的六点经验分享
视觉设计:页面构建的审图与细节
分享:网页核心内容对视觉表现的影响
中文网页设计排版之破格的好例子
网页设计教程:关于网页设计的那些事儿
网页设计中使用不对称设计创建不平衡中的平衡
最新Web设计8个趋势:视差滚动 响应式设计等
什么是响应式布局?响应式布局优缺点以及设计思路分享
优秀网页/平面设计师是怎样炼成的
网页排版设计如何才能让页面文字阅读更舒适?
网页设计中创新式布局与交互设计思考
细节决定成败,20个网页设计案例细节赏析
17个最佳转化率的着陆页设计例子欣赏
25个带视差滚动效果创意网页设计案例赏析
8个即将过时的网页设计趋势剖析
21个优秀的国外电子商务网站赏析
四大网页设计秘诀:让用户第一眼就爱上你的网站
构图之美:成功的专题都是怎么构图的?
38个创意出彩的网页字体设计案例赏析
如何从视觉布局和图片设计上提升网站用户体验?
11款极简主义网页设计案例欣赏

精彩推荐

热门教程