欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

细节的设计决定读者的停留时间

发布时间:2017:08:29 13:03:19 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1118个文字,预计阅读时间3分钟
导语
细节的设计决定读者的停留时间

细节的设计决定读者的停留时间从《长谈》看设计与美术的关系


  • 给造型加点细节

  • 多加点质感的细节

  • 不要让图标看着灰灰的

  • 风格特点的运用

  • 1. 给造型加点细节


    造型是所有设计执行的第一步,造型做不好,说别的都没用。


    那如何能给造型加点细节呢?


    打个比方,我们要画一个圆角矩形:

    细节的设计决定读者的停留时间



    哪个更有设计感,更有细节呢?当然是第二个,第一个一看就是默认的圆角,没有细节可言,放在真正的案例中就像下图一样:

    细节的设计决定读者的停留时间


    如果 youtube 的图标用了第一个普通的圆角矩形,可能就有现在那么耐看了!


    造型加点细节,你也可以理解为,别让造型太普通,比如,我们要做一个定位图标:

    细节的设计决定读者的停留时间


    这是一个很常见的定位图标,在图标网站上一搜一大把,那如何让他变得不那么普通呢?看下图:

    细节的设计决定读者的停留时间


    首先比例上可以做点事情,比如拉长,之后在线条上再做点文章,比如给直线加点弧度,最后就得到了一个看起来没那么普通的定位图标了,它就是谷歌地图上面的一部分:

    细节的设计决定读者的停留时间


    方法不止一种,大家可以多思考总结,观察优秀的设计,借鉴他们,然后超越他们!


    2. 质感的细节


    假设我们现在做一个文件管理的图标:

    细节的设计决定读者的停留时间


    这就是一个细节很少的普通图标,我想在这个图标上面加一些轻质感,如何做呢?


    例如转折处加一点高光:

    细节的设计决定读者的停留时间


    例如纽扣加点真实的效果:


    细节的设计决定读者的停留时间

    再例如加点渐变折叠的设计语言,来丰富层次:


    细节的设计决定读者的停留时间

    优化前后的图标对比如下图:

    细节的设计决定读者的停留时间


    这样看着就显得精致、专业多了!


    但这里需要强调一点,由于我的前期风格定位是轻质感与轻拟物,所以加了一些质感的细节,,但并不完全适用于任何场景,所以大家一定要具体场景具体分析哦!


    3. 不要让图标看着灰灰的


    有的时候颜色用不好,很容易就使图标变脏了。


    这里我们要记住两点,一个是增强主影响与图标背板的对比度,二是主形象一定要尽可能的提亮突出。


    举个例子,下图是一个相机的图标:

    细节的设计决定读者的停留时间


    这个图标存在的问题就是摄像头与背景对比不够强,粘在了一起,使整体看起来灰灰的,尤其是在饱和度较高的背景上面,为了提高对比,要么让摄像头颜色变浅,要么让背景颜色变浅,我原则第二个方案,把背景颜色变成白色,如下图:

    细节的设计决定读者的停留时间


    这样看着就好多了,但是放在纯黑色背景下,我们会发现,好像摄像头的颜色还是有些灰,不够明亮,那我继续将其提亮,如下图:

    细节的设计决定读者的停留时间


    这样整个图标就做的差不多了。


    所以,大家一定要让图标的层次拉开,该亮的地方亮起来,该暗的地方暗下去,大胆果断一点,都是80、90后,咱怕啥!


    4. 关于风格特点


    有些时候,即使图标的造型没有特别惊艳,如果能赋予一个统一的风格特点,也会使图标看起来非常出彩。


    关于风格特点,举几个例子,比如颜色:

    细节的设计决定读者的停留时间


    高级灰的颜色就是这套图标很重要的风格特点。


    形状:


    细节的设计决定读者的停留时间


    这套图标得风格特点就是和六边形形进行结合。


    纹理:

    细节的设计决定读者的停留时间


    柔和的渐变就是这套图标的风格特点。


    如果用户看了你的设计之后,没有任何记忆点,那就基本上是没啥风格特点了,所以前期规划时一定要考虑好!


    如何建站:
    建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

    看了这篇文章的人还看了

    专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
    • 全部评论(0
      还没有评论,快来抢沙发吧!

    上一篇:如何选择靠谱企业网站设计公司

    下一篇:如何做好网页后台的表单和表格设计?

    • 同行价格

      统一报价,无隐形消费

    • 金牌服务

      一对一专属顾问,7*24小时金牌服务

    • 售后无忧

      完善售后,客服经理全程跟进

    建站优化二维码
    建站优化二维码

    截屏,微信识别二维码

    微信号:13825575516

    (点击微信号复制,添加好友)

    优化二维码打开微信