1. <form id='VJjI73'></form>
        <bdo id='VJjI73'><sup id='VJjI73'><div id='VJjI73'><bdo id='VJjI73'></bdo></div></sup></bdo>

          • 首页 > 网页教程 > 设计分享 > 分享:99%的人在做网站设计时都用错了留白!

            分享:99%的人在做网站设计时都用错了留白!

            时间:2018-06-01    来源:凡科

            一提起留白,很多人都觉得SO EASY,这留白谁不会呢?留出一块白色,腾出空间不就是了么?

            在回答这个问题之前,先来看看以下 4 个案例,你觉得哪个案例才是运用了留白的手法呢?

            A图:

            B图:

            C图:

            D图:

            正确答案是……全选,以上 4 个案例都有留白的应用。如果对“留白”只是望文生义,认为留白就是留出白色,就很有可能单选A误答了。

            事实上,留白并不能从字面意思地进行解读,它不局限于白色。所谓留白,指的是“没有被使用的空间”,无物,无信息,无装饰,处于空白的状态,所以留白也被称作“负空间”,不仅是一片白,也可以是任意一种颜色,甚至连非纯色的纹理都能算作留白。

            由此可见,留白指代的含义其实远比我们想象中的更广泛,也有多种不同形式的体现,以下结合案例总结出几种常见的的留白应用。

            1、为视觉主体增加留白

            以下是来自“凡科建站”的服装行业网站模板,你的视觉很容易就集中到模特身上,除了因为模特的配色比较鲜艳抢镜,环绕模特周围的留白也起到了很好的作用,花瓣剪影的装饰也是点到即止。没有了多余的东西分散了你的注意力,视觉主体自然就突显出来了。

            2、元素与元素间的缝隙

            留白,是不是就只能保留主体,其他一律删去?其实不一定,像以下这个来自“凡科建站”的饰品行业网站模板,虽然内含元素很多,却不会给你一种很拥挤很凌乱的感觉,因为元素与元素之间都留有了适度的距离,呈现出一种呼吸感。

            相关推荐
            学习知名网站的网页设计留白技巧
            留白是什么?来感受这21个小而美的留白网站
            留白设计作用多 让你的作品充满了呼吸感
            网页设计中的负空间 巧妙使用留白设计
            Web优化:谈谈网页设计中的留白原理(2016版)
            分享:设计法则之恐惧留白 Horror Vacui
            如何让网站首页设计得极具吸引力?
            移动终端全新界面设计语言“Metro”简析
            淘宝品牌名店的BANNER广告设计评价及分析(2)
            优秀排版设计的8条建议
            版式设计:深入浅出学会网格系统的应用
            如何学会版式设计中的主要元素提取?
            文字排版设计:如何设计出吸引视线的标题?
            如何用超大字体元素应用在设计作品集类的网站?
            什么是“整体网页设计”?整体网页设计工作原理
            CSS酷站网页水平条经典设计欣赏
            欧美CSS酷站网页背景设计之光影特效赏析
            酷站欣赏之欧美棕色调网站设计案例赏析
            如何基于心理学设计的目的来制作受用户欢迎的网页
            二十款网页图文混排设计样式欣赏
            黑色的艺术:三十款暗黑色调的欧美CSS酷站欣赏
            35套精美绚丽的创意酷站设计欣赏
            网页设计的文字色彩与可读性分析
            如何掌握网页广告字体设计的技巧
            40款超个性粗糙纸张纹理风格的CSS酷站欣赏
            15款富有创意的的html电子名片设计欣赏
            国外49款创意型404错误网页欣赏(附演示网址)
            手绘风格的15款超级漂亮网站欣赏
            网易频道页面的改版过程分享
            网页设计师必备的13款国外CSS酷站参考画廊
            多款韩国绚丽风格的游戏网站界面设计欣赏
            网页设计中的构图技巧分享
            网页设计的几何圆之美
            网页交互设计的一些理解
            网页设计中上一页和下一页的用户体验分析

            精彩推荐

            热门教程