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

总结了日式网站这4个优点后 我能把中文网站做得高大上了!

发布时间:2017:03:20 07:47:47 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1383个文字,预计阅读时间4分钟
导语
本文通过分析日式网站的色彩、图片、文字和元素运用,帮你充分吸收日式网站的精华,让中文网站的设计也变得高

  当我们看到小清新的网站的时候首先一定会想到日式网站。

  Sarara 是一家纯净水的网站,所以它的网站主题色系为蓝色系,主要由高饱蓝色到低饱蓝色的过度,加上明暗对比的强烈,直接了当的突出宣传的产品。

  

总结了日式网站这4个优点后 我能把中文网站做得高大上了!

推荐阅读:42个金融网站设计案例欣赏

  该网站的主要面向目标人群是大学生,所以选比较清纯活力的女生作为主角,采用蓝色系作为背景,紫色作为点缀色。

  

总结了日式网站这4个优点后 我能把中文网站做得高大上了!

  这也是一家日本矿泉水的官网,它也是运用了大量的蓝色系作为背景。

  画面中主要以亮蓝色、亮黄色以及白色的对比,自然突出了人物和产品,最后加上亮黄色的点缀吸引购买。

  

总结了日式网站这4个优点后 我能把中文网站做得高大上了!

  总结:

  大部分采用蓝色系进行过渡

  增加色彩的对比,例如亮蓝色和亮黄色等

  选择年轻化的人物来传达气氛

  掌握了这些要领,相信各位设计一个接地气的日式小清新的网站。

  图片

  日式网站在处理页面中的图片的时候,会哪些规律呢? 下面我们看看一些案例。

  AIM Info 网站团队栏目中运用的图片具有统一的调性,主要体现在:

  人物的色调,视角及人物占有画面的比例,企业网站建设,通过男女的先后顺序缓解视觉疲劳,这样的处理方式会给用户一种专业严谨信任的感觉。

  

总结了日式网站这4个优点后 我能把中文网站做得高大上了!

  下面的网站是一个传统服饰的网站,通过孩子的摄影角度(一个正面和一个反面),女孩和男孩错列顺序,色彩的暖色和冷色,板块大小进行一个对比。这样让用户即使阅读这么多图片,依然清晰条理,还能保持很大的新鲜感。

  

总结了日式网站这4个优点后 我能把中文网站做得高大上了!

  下面网站中的图片使用了近景远景的对比处理手法:

  第一张用近景来表现食物的细节

  第二张用远景来表现饭店的外观

  第三张第四张同样通过近景的手法来表现食物的加工过程

  第五张用远景展现全景照片

  第六张用近景来表现食物细节

  第七张用远景体现整个参观的内部感觉

  

总结了日式网站这4个优点后 我能把中文网站做得高大上了!

  这样的处理手法 使得整个画面中图多而不乱,增加了图片中的节奏感和层次,让用户不断有新鲜感去浏览图片。

  这个网站也是通过近景和远景的方式来搭配图片:

  

总结了日式网站这4个优点后 我能把中文网站做得高大上了!

  根据上面几个案例分析得来我们在网站运用图片可借鉴的几种方式:

  具有统一性(主要体现在色调/人物占有画面的比例/人物造型/表情状态 等)

  运用对比(主要体现在近景和远景/冷暖色彩/人物性别/人物的造型姿势/形状大小的对比等

  突出主体,弱化背景。

  文字

  使用几何图形的形状比例来进行文字排版:

  

总结了日式网站这4个优点后 我能把中文网站做得高大上了!

  

总结了日式网站这4个优点后 我能把中文网站做得高大上了!

  △ 使用三角形进行文字排版

  

总结了日式网站这4个优点后 我能把中文网站做得高大上了!

  △ 使用竖长方形排版

  

总结了日式网站这4个优点后 我能把中文网站做得高大上了!

  △ 使用横长方形排版

  

总结了日式网站这4个优点后 我能把中文网站做得高大上了!

  

总结了日式网站这4个优点后 我能把中文网站做得高大上了!

  △ 使用六边形排版

  

总结了日式网站这4个优点后 我能把中文网站做得高大上了!

  △ 使用正方形排版

  

总结了日式网站这4个优点后 我能把中文网站做得高大上了!

  △ 使用圆形排版

  这个食品网站将文字进行竖排,有效的将主视觉和介绍性的文字结合起来。又不失美感

  

总结了日式网站这4个优点后 我能把中文网站做得高大上了!

  通过特殊处理文字效果,突出重要内容,直接抓取了用户的视觉。

  

总结了日式网站这4个优点后 我能把中文网站做得高大上了!

  夸张的人物模特和神情,增加了文案排版的视觉冲击力,让原本单调的文字变的有活力。

  

总结了日式网站这4个优点后 我能把中文网站做得高大上了!

  根据上面几个案例分析得来我们在网站中进行文字排版可借鉴的几种方式!

  学会借鉴几何图形的比例去排版文字

  文字排版中巧妙的加入图形,不仅变的具有创意还会让你所表达的信息内容更加易懂

  文字排版中学会融入来生活中图像元素,不仅会让你的视觉上得到质的提,还会让你整个内容更加的接地气

  元素

  网站中的线条与几何图像的运用。

  下面网站为了突出数字部分,采用明亮的线条作为提示作用,这样不仅潮流,而且有效的抓住了用户的视觉,突出了重点。

  

总结了日式网站这4个优点后 我能把中文网站做得高大上了!

  这里也运用了线条来突出文字的重要性。

  

总结了日式网站这4个优点后 我能把中文网站做得高大上了!

  这个网页将线条运用在网页中的按钮上,告别实色为主的方式,加强了按钮的透彻感。

  

总结了日式网站这4个优点后 我能把中文网站做得高大上了!

  线条的加入让下面的网页每一屏都有了区分性,同时也吸引了用户的注意力,避免了两屏内容相互干扰。

  

总结了日式网站这4个优点后 我能把中文网站做得高大上了!

  下面网站为了让用户看到网站的重要内容,利用了纯色打底方式来修饰文字。

  

总结了日式网站这4个优点后 我能把中文网站做得高大上了!

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

看了这篇文章的人还看了

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

上一篇:分析近30年奥斯卡最佳影片海报后 得出了这样的设计套路

下一篇:现在网页设计中图片有哪些常见的使用技巧?

  • 同行价格

    统一报价,无隐形消费

  • 金牌服务

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

  • 售后无忧

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

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

截屏,微信识别二维码

微信号:13825575516

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

优化二维码打开微信