• 小米之家南京旗舰店今日正式开业 2019-04-16
  • 《世界杯相对论》:谁能站本届世界杯的C位? 2019-04-16
  • Vitamix中国官网 全食物全营养破壁料理机官方网站 2019-04-06
  • 毕业租房季开启,仅部分租金上涨 2019-04-05
  • 深圳晚报总编辑丁时照祝贺人民日报创刊70周年 2019-04-02
  • 美国已经获得了,美国期望的金融开放,其他的美国已经不在乎了。本人早就断定,中美合作奢谈共赢。美国需要的是进入和控制中国,中国需要的是出口创汇。 2019-04-01
  • 《共产党宣言》中译史话 2019-04-01
  • 三只树懒漂洋过海亮相杭州 看着都困 2019-03-30
  • Povo é criador da história e verdadeiro herói, diz Xi 2019-03-28
  • 流口水!重庆百家宴香气四溢 三千多人齐聚庆新年 2019-03-28
  • 发现食品安全问题拨打12331投诉 2019-03-22
  • 市场能调节供需平衡吗? 2019-03-22
  • 中纪委:从公款招待私客等入手 露头就打 2019-03-12
  • 本论坛上有位网名为“第十阶层1”的网友,你可问问他“阶层”与“阶级”有什么区别!呵呵! 2019-03-11
  • 侵华日军513部队首被发现 日本老兵:主做细菌研究 2019-03-11
  • 首页 > 网页教程 > 设计分享 > 9款视觉效果惊艳的网页设计案例赏析

    广西快乐十分最新:9款视觉效果惊艳的网页设计案例赏析

    时间:2018-09-30    来源:优设网

    快乐十分推荐直选号码 www.fenos.net 译者 : 优设网陈子木 

    作者 : Tubik Studio 

    阅读本文需 9 分钟

    设计是一个不断发展和变革的领域,很多时候,看似熟悉的设计趋势会在下一刻摇身一变,便可再次惊艳到你。灵活的创意和开放的想法,常常能够使稀松平常的元素摇身一变,化身为惊艳的设计作品。这种点铁成金的成就感,大概也是许多设计师即使辛苦也会坚持下去的原因所在吧?

    今天,我们搜集了几个Tubik Studio 内的设计师作品,它们是不同业务目标下的产物,这些UI设计作品从配色到动效,无疑都是相当惊艳的。今天,我们透过这些案例,来聊一下优秀的UI视觉设计台前幕后的事情。

    1、凸显特点:设计工作室的官网设计

    形体和色彩,到底哪个在设计中更加富有表现力?这个问题可能没有一个固定答案,这场在战争在设计领域当中已经持续多年,甚至会一直持续下去。这个设计项目是为一个室内设计工作室来设计官方网站,他们的主要业务是制作可视化的室内设计渲染图。他们熟知如何最大限度地借助设计工具来呈现室内设计的效果,在接到需求之后,我们决定使用全屏背景结合他们最擅长的3D建模,来展现高质量的室内设计能力和建模渲染效果。

    富有层次感的排版布局,让前后景的内容各司其职,关键的内容块也可以很轻松地被扫视。每个区块都有着醒目的标题,能够告知用户内容的属性。页面顶部的导航中呈现了品牌的LOGO,页面中相关社交媒体链接也非常清晰醒目。在这个色彩丰富的页面中,关键的CTA按钮是需要借助对比色来凸显,将用户导向特定的功能和页面。

    数字建模所带来的好处是更加沉浸式的场景,和更加易于处理的数字素材,这样一来,设计师也更容易处理,加入更加有效的动画效果。在这个案例当中,动效设计师让用户在滚动的过程中,看到条纹式的效果,使得页面的层次感明显,也暗示了这个设计工作室在视觉效果上的强大处理能力。此外,用户可以借助页面指示器快速切换页面,这一点也确保了整个网站在功能上的便捷和完善性。

    2、强化属性:订购服务的网站页面设计

    对于出门旅行,绝大多数的用户都抱有着不小的期待。但是旅行本身并不轻松,需要订购酒店,需要购买机票和车票,租车,购买门票,同时还旅行还意味着非常大量的活动。而这次的概念设计,就是围绕着预订服务来展开的。同样使用了3D建模来构建视觉,诸多和日常出行相关的视觉元素占据了左侧的页面,而右侧则是预订需要填写的表单内容。整个页面采用了更加富有活力的配色,降低用户填写表单时候的紧张情绪,清晰直观的页面布局,让用户无需四处摸索,可以直接开始交互。从标题到表单的条目都保有良好的对比度,可以快速扫视阅读,便于用户填写。

    向下滚动,用户可以了解这项服务的相关优势,特殊的功能,相关福利,以及更多的信息。每个信息快都紧密围绕着一个主题来予以阐述,视觉化的元素被设计得非常吸睛,同时,和整体在风格调性上也保持着高度的一致。

    3、营造层次:库布里克的作品网站

    今年 7 月 26 日,世界电影人都在庆贺著名导演库布里克诞辰 90 周年,同样身为库布里克粉丝的我们,也为他制作了一个相对优雅的作品网站。网站展现了他的荣耀之路,他的生活,以及他是如何进行创作的。整个网站的设计都是借助视觉化的设计来驱动用户不断浏览,交互不仅在上下左右布局上富有层次,而且在视觉纵深上做文章。作为一个产出过如此之多经典作品的导演,我们选取了对比度强烈、经典的红黑白三色来作为整个网站的主要配色,这一点非常符合他独特的定位和属性。戳这里查看这个网站。

    4、渲染氛围:托儿服务的着陆页设计

    所有的父母在寻找托儿所和托管机构的时候,都希望他们的孩子获得最好的服务,能够找到能够给予孩子无微不至关怀的保姆。这个着陆页的设计是为名为 Kiddy 这个托儿服务提供机构所设计的着陆页。Kiddy 致力于为用户提供服务良好的保姆,在这里雇佣保姆绝对称得上是小菜一碟。

    为了让整个页面足够可爱,风格独特有趣的插画发挥了极大的作用,搭配性格富有童趣的字体,让整个页面足够视觉化。与此同时,柔和的配色方案之下,文本和背景之间的对比度非常高,用户只需要扫视就可以轻松读取内容。

    整个页面包含了一个着陆页应有的所有组件:有过去客户的推荐内容,新用户可以和顶级、专业的托管人员直接连线沟通,相关的信息一应俱全。最重要的是,用户如果想直接雇佣保姆,甚至不需要翻页,进入页面就可以直接沟通。

    相关推荐
    CSS酷站网页水平条经典设计欣赏
    欧美CSS酷站网页背景设计之光影特效赏析
    酷站欣赏之欧美棕色调网站设计案例赏析
    如何基于心理学设计的目的来制作受用户欢迎的网页
    二十款网页图文混排设计样式欣赏
    黑色的艺术:三十款暗黑色调的欧美CSS酷站欣赏
    35套精美绚丽的创意酷站设计欣赏
    网页设计的文字色彩与可读性分析
    如何掌握网页广告字体设计的技巧
    40款超个性粗糙纸张纹理风格的CSS酷站欣赏
    15款富有创意的的html电子名片设计欣赏
    国外49款创意型404错误网页欣赏(附演示网址)
    手绘风格的15款超级漂亮网站欣赏
    网易频道页面的改版过程分享
    网页设计师必备的13款国外CSS酷站参考画廊
    多款韩国绚丽风格的游戏网站界面设计欣赏
    网页设计中的构图技巧分享
    网页设计的几何圆之美
    网页交互设计的一些理解
    网页设计中上一页和下一页的用户体验分析
    黄金分割布局在网页设计中的应用
    简单而又不单调的网页视觉设计技巧
    让用户感觉很糟糕的网页设计之十大原因
    淘宝网新年改版之网页宽度最佳尺寸浅析
    圆形元素在网页设计中如何应用的25个案例
    如何学习才能成长为一名更好的设计师?
    淘宝案例分析之商城页面的用户体验
    85个优秀的超大字体网页设计欣赏
    用实例理解网页设计的80/20规则
    寻找应用服务或程序类网站的设计规律
    10个国外网页设计领域最具影响力的人物
    30个出色的网页设计色彩搭配案例欣赏
    10个优秀的网页设计教程与素材博客
    网站专题设计的一些细节经验分享
    21个值得收藏的转换PSD为HTML的教程
    25个精美绝伦的Photoshop网页设计及详细教程

    精彩推荐

    热门教程

  • 小米之家南京旗舰店今日正式开业 2019-04-16
  • 《世界杯相对论》:谁能站本届世界杯的C位? 2019-04-16
  • Vitamix中国官网 全食物全营养破壁料理机官方网站 2019-04-06
  • 毕业租房季开启,仅部分租金上涨 2019-04-05
  • 深圳晚报总编辑丁时照祝贺人民日报创刊70周年 2019-04-02
  • 美国已经获得了,美国期望的金融开放,其他的美国已经不在乎了。本人早就断定,中美合作奢谈共赢。美国需要的是进入和控制中国,中国需要的是出口创汇。 2019-04-01
  • 《共产党宣言》中译史话 2019-04-01
  • 三只树懒漂洋过海亮相杭州 看着都困 2019-03-30
  • Povo é criador da história e verdadeiro herói, diz Xi 2019-03-28
  • 流口水!重庆百家宴香气四溢 三千多人齐聚庆新年 2019-03-28
  • 发现食品安全问题拨打12331投诉 2019-03-22
  • 市场能调节供需平衡吗? 2019-03-22
  • 中纪委:从公款招待私客等入手 露头就打 2019-03-12
  • 本论坛上有位网名为“第十阶层1”的网友,你可问问他“阶层”与“阶级”有什么区别!呵呵! 2019-03-11
  • 侵华日军513部队首被发现 日本老兵:主做细菌研究 2019-03-11