pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

“小清新”風格的視覺表現

“小清新”風格的視覺表現 三聯教程

  “小清新”,近些年才流行起來的一個新名詞,用來描述一種文化現象,定義某一類音樂、文學、攝影作品的風格,也隨之衍生成為對愛好這類風格的人的稱謂。在平時工作中經常能聽到耳熟能詳的交談:“某某某的設計風格很小清新……”、“這個顏色太小清新了不太合適”……

  其實作為視覺設計師,我對這類風格在視覺上的表現一直很疑惑,究竟怎么樣的設計才算是有小清新感覺的呢?難道這只是一種說不清道不明的感覺嗎?在最近參與的一次運營分享培訓時,也有運營同學問我,怎么樣才可以PS出有小清新風格的圖片呢,這也引發了我對這一類視覺設計表現的深入思考。以下是我整理的幾方面內容,幫助我提取對這一類風格在視覺表現層的關鍵點,只是一點拙見,一點設計感悟而已。

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

  為此我找了大量的帶有“小清新”tag的圖片,發現女人永遠是這一類風格圖片中出現頻率最高的,無論是背影還是傳說中的45度角,還有帶旅行元素的如老式的皮箱、鐵路、背包等,以及微單相機、陽光、有特色的靜物之類的元素,并且在攝影手法上,大光圈、故意的過度曝光、逆光拍攝,隨意的lomo風格等等。

  其次,除了上面提到的常見元素以外,色彩當然也是很重要的一方面。但是從“小清新”的字面意思理解,她的用色完全就是淡淡的很清爽的那一類色系嗎?我通過她以及其他2個衍生的關鍵詞做了一下情緒版的分析,并且通過Colorhunter這個站點提取了關鍵色彩并做了微調,在其中尋找到色彩上的變化。

  再次,通過剛才的情緒版分析提取用色,發現其實在“小清新”的視覺用色中,色彩的飽和度并不高,并且從整個色立體模型來看,她處于明度軸最高位的下方,是帶有灰色調的,這也許為了更好的展示這樣的視覺風格所獨有的,或懷舊或憂傷的感覺。以下圖兩種色彩模型為例:

  冷色系

  暖色系

  最后,我們在web頁面設計中遇到的“小清新”設計風格,具體的表現在哪些地方呢?

  1.色彩,這個上面已經提到過了這個風格在色立體中的位置,她也是用戶獲取信息過程中最快能讓用戶感受到的。

  2.頁面框架,根據上述的分析,這樣的設計風格對于頁面框架布局毫不吝嗇的使用留白,或者簡單的線條對模塊之間的關系進行分割,在這樣的設計風格方面,個人覺得豆瓣、網易印象派都做的挺不錯的。

  3.關于質感,“小清新”的設計質感是輕量級的,或者說干脆拋棄了質感的使用,取而代之的是干凈整潔的大色塊。

  4.圖形元素與質感一樣,也盡可能的使用了簡單的表現方式,比如圖形倒角、icon等無不簡約,但又不失細節。總之,設計風格還是取決于產品本身的定位,風格必須與產品本身是匹配的。

  最近感覺還是挺浮躁的,寫寫文章可以練心。馬上要放假了,偷閑以這篇博文作為對前段時間一點設計心得的總結,不是設計高手,只是一個混跡設計圈多年的老油條,文中也許有詞不達意的地方,還請一笑而過吧。

  文章來源:阿里UED

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 杭州双螺杆挤出机-百科| 反渗透水处理设备|工业零排放|水厂设备|软化水设备|海南净水设备--海南水处理设备厂家 | 知名电动蝶阀,电动球阀,气动蝶阀,气动球阀生产厂家|价格透明-【固菲阀门官网】 | 通辽信息港 - 免费发布房产、招聘、求职、二手、商铺等信息 www.tlxxg.net | 中药超微粉碎机(中药细胞级微粉碎)-百科 | 道达尔润滑油-食品级润滑油-道达尔导热油-合成导热油,深圳道达尔代理商合-深圳浩方正大官网 | 爱佩恒温恒湿测试箱|高低温实验箱|高低温冲击试验箱|冷热冲击试验箱-您身边的模拟环境试验设备技术专家-合作热线:400-6727-800-广东爱佩试验设备有限公司 | 注塑机-压铸机-塑料注塑机-卧式注塑机-高速注塑机-单缸注塑机厂家-广东联升精密智能装备科技有限公司 | 全自动过滤器_反冲洗过滤器_自清洗过滤器_量子除垢环_量子环除垢_量子除垢 - 安士睿(北京)过滤设备有限公司 | WTB5光栅尺-JIE WILL磁栅尺-B60数显表-常州中崴机电科技有限公司 | 电动高压冲洗车_价格-江苏速利达机车有限公司 | 播音主持培训-中影人教育播音主持学苑「官网」-中国艺考界的贵族学校 | 京马网,京马建站,网站定制,营销型网站建设,东莞建站,东莞网站建设-首页-京马网 | 能量回馈_制动单元_电梯节能_能耗制动_深圳市合兴加能科技有限公司 | 测试治具|过炉治具|过锡炉治具|工装夹具|测试夹具|允睿自动化设备 | 电动垃圾车,垃圾清运车-江苏速利达机车有限公司 | 密度电子天平-内校-外校电子天平-沈阳龙腾电子有限公司 | 镀锌角钢_槽钢_扁钢_圆钢_方矩管厂家_镀锌花纹板-海邦钢铁(天津)有限公司 | 磁棒电感生产厂家-电感器厂家-电感定制-贴片功率电感供应商-棒形电感生产厂家-苏州谷景电子有限公司 | 变频器维修公司_plc维修_伺服驱动器维修_工控机维修 - 夫唯科技 变位机,焊接变位机,焊接变位器,小型变位机,小型焊接变位机-济南上弘机电设备有限公司 | 酵素生产厂家_酵素OEM_酵素加盟_酵素ODM_酵素原料厂家_厦门益力康 | 杰恒蠕动泵-蠕动泵专业厂家-19年专注蠕动泵 | 礼仪庆典公司,礼仪策划公司,庆典公司,演出公司,演艺公司,年会酒会,生日寿宴,动工仪式,开工仪式,奠基典礼,商务会议,竣工落成,乔迁揭牌,签约启动-东莞市开门红文化传媒有限公司 | 防渗膜厂家|养殖防渗膜|水产养殖防渗膜-泰安佳路通工程材料有限公司 | 真空搅拌机-行星搅拌机-双行星动力混合机-广州市番禺区源创化工设备厂 | 万师讲师网-优质讲师培训师供应商,讲师认证,找讲师来万师 | 超声骨密度仪-骨密度检测仪-经颅多普勒-tcd仪_南京科进实业有限公司 | 陶瓷砂磨机,盘式砂磨机,棒销式砂磨机-无锡市少宏粉体科技有限公司 | 温州中研白癜风专科_温州治疗白癜风_温州治疗白癜风医院哪家好_温州哪里治疗白癜风 | 恒温恒湿试验箱厂家-高低温试验箱维修价格_东莞环仪仪器_东莞环仪仪器 | 超细|超微气流粉碎机|气流磨|气流分级机|粉体改性机|磨粉机|粉碎设备-山东埃尔派粉体科技 | 上海办公室装修公司_办公室设计_直营办公装修-羚志悦装 | ASA膜,ASA共挤料,篷布色母料-青岛未来化学有限公司 | 超声波破碎仪-均质乳化机(供应杭州,上海,北京,广州,深圳,成都等地)-上海沪析实业有限公司 | 云南成考网_云南成人高考报名网 粤丰硕水性环氧地坪漆-防静电自流平厂家-环保地坪涂料代理 | 餐饮小吃技术培训-火锅串串香培训「何小胖培训」_成都点石成金[官网] | 山东艾德实业有限公司| 盘古网络技术有限公司| CTAB,表面活性剂1631溴型(十六烷基三甲基溴化铵)-上海升纬化工原料有限公司 | KBX-220倾斜开关|KBW-220P/L跑偏开关|拉绳开关|DHJY-I隔爆打滑开关|溜槽堵塞开关|欠速开关|声光报警器-山东卓信有限公司 | 北京征地律师,征地拆迁律师,专业拆迁律师,北京拆迁律师,征地纠纷律师,征地诉讼律师,征地拆迁补偿,拆迁律师 - 北京凯诺律师事务所 |