网页交互设计:“小清新”风格的视觉表现

来源:设计经验分享网
添加时间:2024年02月

“小清新”,近些年才流行起来的一个新名词,用来描述一种文化现象,定义某一类音乐、文学、摄影作品的风格,也随之衍生成为对爱好这类风格的人的称谓。在平时工作中经常能听到耳熟能详的交谈:“某某某的设计风格很小清新……”、“这个颜色太小清新了不太合适”……

其实作为视觉设计师,对这类风格在视觉上的表现一直很疑惑,究竟怎么样的设计才算是有小清新感觉的呢?难道这只是一种说不清道不明的感觉吗?怎么样才可以PS出有小清新风格的图片呢,这也引发了我们对这一类视觉设计表现的深入思考。

首先,在我们所能看到的“小清新”里面,哪里些元素是最有特色或者说代表性的?

为此我找了大量的带有“小清新”tag的图片,发现女人永远是这一类风格图片中出现频率最高的,无论是背影还是传说中的45度角,还有带旅行元素的如老式的皮箱、铁路、背包等,以及微单相机、阳光、有特色的静物之类的元素,并且在摄影手法上,大光圈、故意的过度曝光、逆光拍摄,随意的lomo风格等等。

其次,除了上面提到的常见元素以外,色彩当然也是很重要的一方面。但是从“小清新”的字面意思理解,她的用色完全就是淡淡的很清爽的那一类色系吗?通过她以及其他2个衍生的关键词做了一下情绪版的分析,并且通过Colorhunter这个站点提取了关键色彩并做了微调,在其中寻找到色彩上的变化。

再次,通过刚才的情绪版分析提取用色,发现其实在“小清新”的视觉用色中,色彩的饱和度并不高,并且从整个色立体模型来看,她处于明度轴最高位的下方,是带有灰色调的,这也许为了更好的展示这样的视觉风格所独有的,或怀旧或忧伤的感觉。

最后,我们在web页面设计中遇到的“小清新”设计风格,具体的表现在哪些地方呢?

1.色彩,这个上面已经提到过了这个风格在色立体中的位置,她也是用户获取信息过程中最快能让用户感受到的。

2.页面框架,根据上述的分析,这样的设计风格对于页面框架布局毫不吝啬的使用留白,或者简单的线条对模块之间的关系进行分割,在这样的设计风格方面,个人觉得豆瓣、网易印象派都做的挺不错的。

3.关于质感,“小清新”的设计质感是轻量级的,或者说干脆抛弃了质感的使用,取而代之的是干净整洁的大色块。

4.图形元素与质感一样,也尽可能的使用了简单的表现方式,比如图形倒角、icon等无不简约,但又不失细节。总之,设计风格还是取决于产品本身的定位,风格必须与产品本身是匹配的。



 

平面设计相关资讯推荐阅读:


如何才能做到网页建设不“坑爹”建网页价格,经验之谈企业建站要注意的问题网页建设行业从营销理论中获知了什么营销型网页建设的作用是什么高端网页建设需要具备哪几点才能称为高端网页手机网页建设的潜在价值网页建设需要注意的问题深圳网页建设之如何能让自己的网页具有层次感如何做吸引人的手机网页建设设计网页开发细线表格边框的方法如何做中秋节微信营销活动策划方案企业邮箱经常遇到的问题体育网页该怎么建造为什么外贸企业那么钟爱美国服务器深圳网页建设中网页制作思路需要客户清晰科技分享网页建设的步骤和推广方法怎么设计网页分享网页设计有哪些小技巧网页页面设计中导航的分类及重点网页建设:成为返工终结者网页如何提高用户黏性高端网页开发的优势是什么网页建设方案都包含哪些内容网页建设好之后如何运营响应式网页如何应对移动端闪电算法SEO网页优化策略有主题要明确,内容要丰富、引出链接要人气化等内容深圳网页建设网页该从那些方面提高权重如何为企业建设品牌型网页免费顶级域名你都知道哪些租用虚拟主机选择多少钱的好点网页建设不能为了搜索引擎而优化如何才能够让网页越做越好如何做好网页设计2019年网页建设行业的情况怎么做好教育网页建设企业网页建设为什么都选择建站公司建站公司的优势在哪里H5时代终将到来,微软放弃IE,为盗版用户升级Win10没灵感,排版难这些好看的网页设计一定能帮你!关键字如何优化这种事宜要了解解决Undefinedvariable:_SESSION的方法深圳网页建设中如何让访问者快速打开网页建站需要分析什么,要注意哪些问题营销型网页建设的关键要素有哪些常见的企业网页设计风格有哪些为什么需要做网页优化科技-中小型企业网页建设时应注意避免*页权重过高!响应式网页设计利于用户体验吗这些美国虚拟主机退款政策你懂了吗深圳网页建设中值得关注的四个注意事项网页设计价格,网页优化如何实现网页内页关键词排名科技浅谈运营中的内容转载深圳网页建设公司教你如何建设外链,get起来~科技-企业H5响应式网页建设完成后因如何优化网页由哪些部分组成进行SEO网页建设时需要注意哪些细节广州企业网页建设订制的基本步骤有哪些个人网页制作存在的一些疑惑难点如何使你自己的网页简单电商网页选择服务器租用的五大技巧如何将业务员培训成网页建设方面的专家
网站备案号:豫ICP备2024041165号