一个简单的日本的网页,可以让我们学到很多!

-回复 -浏览
楼主 2021-02-19 11:26:09
举报 只看此人 收藏本贴 楼主



点击“阅读原文”,体验酷站(建议pc端)



虽然菜菜不是很喜欢日本,但是日本的设计真的是值得我们学习的,网页当然也不例外,今天给大家推荐的是这个 felissimo  500色彩铅的网页设计

先粗略的看看大图,然后我们再来赏析一下这个网页,看看有哪些地方能运用到自己的作品当中,小编始终认为,若能把一个好作品看透,胜过粗看几百张图。

上图是静态的,我们可能整体感觉到整个页面的风格调性,简洁文艺,这个与彩铅使用者息息相关的,也与felissimo品牌定位有关(女性 热爱生活 个性独立)

看下面的动态图,该页面也就使用了简单的单凭滚动效果,没有多复杂,简单直接的将产品的细节展示的清清楚楚。

logo与购买按钮一直固定顶部,老板应该是很喜欢吧,这么简单粗暴的告诉访问者,这里可以“买买买”!


来看看局部,重头戏banner出场了,felissimo 500种颜色就是他们噱头,设计师没有借用其他元素,而是直白的将500只彩铅铺上了首屏,同时他却用了左右滚动的形式巧妙的将画笔连系起来,美丽的色彩渐变瞬间增加了来访者的购买欲。


但是这样的表现形式依旧普通,是什么让这个网页出彩,那就是细节,所有的设计师都知道“细节决定品质”,那我们就来看看这个作品有哪些细节我们做设计的时候会忽略,哪些我们可以借鉴


依旧是上面那张首屏滚动图

  • 细节1:全屏始终保持同一色系(铅笔、背景文字、铅笔画出的线条以及滚动条)好处:使得画面干净统一

       

  • 细节2:彩铅的动态效果。铅笔的左右滚动会根据你拖动的速度,惯性运动,好处:这样子的物理运动状态,会让画面更真实生动。

     

  • 细节3:彩铅涂抹出来的元素,这个细节可能不仔细看很难专注到,当然这个确实是锦上添花的设计。好处:首先画面整体给人光滑的感觉,彩铅涂抹的质感让画面不会过于单一,其次消除了很多用户对于彩铅涂抹出来颜色不确定性的疑虑。


接下来再来看看网页其他部分还与哪些细节可以借鉴吧

scroll(滚动)按钮:一般状态下是单纯的文字,悬停时有一个“渐变圆角方形”旋转变化,这个变化很明显,可以让用户得到及时的反馈。但至于为什么是紫色系的渐变,菜菜也很疑惑,尽管颜色很漂亮但却无来由。



下面这个的好处没有特别明显,反而会让画面显得有点乱,一定要说的好处的话,可能就是比静态的文字滚动稍微活泼一点,没有那么呆吧。但是形式上还是很新颖的,能让我们快速检索各个模块,增加节奏感。如果我们借鉴的话,可以减掉一部分方块或者去掉一部分颜色。



图文相叠的排版方式,所用到的细线元素,很容易让人想到文艺小杂志的版面,这样子的设计形式在该网页中出现恰好符合“彩铅的25个主题故事”的模块内容。

说白点,对我们而言可以借鉴的就是一个“图片展示”效果


以上是菜菜整理出来,能够用到自己设计上的地方,希望也能给你们提供灵感。如果你们对这个网页有什么想法,欢迎大家留言哦!

本文所有图片来源:http://www.felissimo.co.jp/500/


点击“阅读原文”,体验酷站(建议pc端)



历史精彩文章

国外的支付界面这靓,现在才知道




我要推荐
转发到

友情链接