清新风格页面设计与实现

   怎么样设计页面才有清新感觉?怎么样才可以PS出有清新风格的图片呢,这也引发了我对这一类视觉设计表现的深入思考。以下是我整理的几方面内容,帮助我提取对这一类风格在视觉表现层的关键点,只是一点拙见,一点设计感悟而已。

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

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


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

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

  冷色系


  暖色系


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

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

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


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

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

时间: 2024-12-02 17:19:24

清新风格页面设计与实现的相关文章

WEBJX收集清新美丽的极简主义风格网站设计实例

文章描述:40个清新美丽的极简主义风格网站. 如果一个页面有太多的元素,浏览者将迷惑于去看哪里或误解每个元素的优先级,而一个极简主义设计将焦点正好放到正确的内容上.越来越多的网站喜欢采用简单的风格来设计自己的页面,但想要做到理想的极简主义风格并非想象中这么容易,这里就列出了40个清新美丽的极简主义风格网站,以供设计者参考借鉴. 1. Co:collective 2. Couch Creative 3. Upperdog 4. Skinny Ships 5. Decorated Playlists

深底色风格的页面设计策略

深底色风格的页面设计很受欢迎,它可以创造出别致优雅,极富创造力的效果. 深底色风格的页面设计很受欢迎,它可以创造出别致优雅,极富创造力的效果. 深底色设计适用于许多网站类型,但并非所有.这种风格应该在恰当的条件下使用. 虽然深底色风格可以带来视觉冲击力,但是很多设计师并不知道如何有效地表现他们,取得的效果往往适得其反.失败的设计会导致可读性差,难以吸引用户,无法使用传统的设计元素等问题. 所以在这里,我们将讨论一些深底色页面设计的要素,以便让你的下一次设计更受欢迎,更具创造性. 最新的调查表示,

Illustrator设计小清新风格文字效果绘制方法分享

给各位Illustrator软件的使用者们来详细的解析分享一下设计小清新风格文字效果的绘制方法. 方法分享:             好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的设计小清新风格文字效果的绘制方法分享的全部内容了,各位看到这里的使用者们,小编相信大家现在是非常的清楚了绘制方法了吧,那么各位就快去按照小编的教程自己去尝试着绘制吧.

WEB登陆页面设计技巧:登陆界面表现形式

文章描述:拒绝平庸:优秀WEB登录页面设计. 关于登陆估计大家每天使用的都很频繁了,每次上网都会习惯性登陆下微博,淘宝,邮箱,空间等,在每天进进出出无数门户的时候有谁又曾在密码不错误的情况下停留在WEB登陆页面看一眼呢?下面就谈谈这道不起眼的门. 从公共平台的角度看 用户活跃度是检验产品成功与否的重要指标之一,传统行业的商家极为重视门面的装潢,因为一个好的门面可以聚集人气,招揽更多的顾客.古时候的大户人家院子门口的石狮子或其他的摆件的摆放极为讲究,有一定的风水学说道理,更能彰显主人家的身份地位.

木子李:浅谈中国风格网页设计

中国风格的网站,因其气势磅礴,高贵典雅,独具韵味而受到很多人的喜爱,近年来被大量应用于传统文化.历史人文景点.地产项目等网站中.那么,怎样设计出别具中国气质的网站作品呢?我谈一些个人不成熟的想法,希望对您有所帮助.若有错误之处,请不吝指出. 1.构图. 合理巧妙的构图与内容布局是一个网页设计成功的关键.数千年的文明传承下来,中国人有其独特的构图审美. 对称 对称美是中国传统美学中重要的一部分.对称美体现在中国传统设计的方方面面,如城市格局.皇宫建筑.皇帝陵寝.太极图.对联.钱币.宝剑,无不用到

“小清新”风格的视觉表现

"小清新",近些年才流行起来的一个新名词,用来描述一种文化现象,定义某一类音乐.文学.摄影作品的风格,也随之衍生成为对爱好这类风格的人的称谓.在平时工作中经常能听到耳熟能详的交谈:"某某某的设计风格很小清新--"."这个颜色太小清新了不太合适"-- 其实作为视觉设计师,我对这类风格在视觉上的表现一直很疑惑,究竟怎么样的设计才算是有小清新感觉的呢?难道这只是一种说不清道不明的感觉吗?在最近参与的一次运营分享培训时,也有运营同学问我,怎么样才可以PS

团广网低调改版 返利网开始流行小清新风格

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 据记者了解到:在2013年12月,国内知名返利网品牌团广网悄然改版,网站原来橙色风格换成浅绿小清新风格,纵观51返利网当前网站风格也类似于团广网,返利网行业开始流行小清新风格. 改版后的团广网首页www.tgwang.com 51返利网首页www.51fanli.com 各大返利网站改版频频,小清新逆袭整个返利行业网站.越来越简单明了的设计对

PS合成漂亮小清新风格的淘宝网店横幅

  朋友们大家好.这篇教程教的PS图片合成学习者们使用PS制作漂亮淘宝网店横幅,教程制作出来的横幅挺小清新的,主要运用的是合成溶图的技巧,推荐一下和脚本之家的朋友们一起分享学习了,我们先来看看最终的效果图吧: 我看到了一个海报,是这张,有感而发,想到了一个创意,就动手做了!原图是这张 我觉得很有创意,和我现在做的产品也比较合得来我就开始模仿了 首先我想找个背景,我要做的产品是纸芯,我要强调是原木制造的环保纸 先得找个背景 做一下模糊和自然饱和度调整 前面加点树木做点合成,边缘连接用蒙版画笔调成硬

Web 页面设计的色彩理论及应用

web|设计|页面 我们在设计的运用上重点在于创造一个没有过的形态,把形体润饰得协调美观,它受社会的制约,重视地方特征.为了在设计中有效的使用色彩我们必须掌握一些色彩的基础理论知识,结合自己的实际经验,来营造我们的作品.同一色彩有数之不尽的应用方法,并没有非常机械的色彩调和的法则,在一定的原则下靠我们自己的眼睛和审美观点来做出选择. 色彩构成(Interaction of color),可以理解为色彩的作用,是在色彩科学体系的基础上,研究符合人们知觉和心理原则的配色.配色有三类要素:光学要素(明