威龙发艺发型设计价格联盟

维欧平面 | Google又改版,扁平化设计不再受人喜爱?(内附15个免费设计资源网站)

成都维欧艺术留学2018-05-23 15:10:46

我们在用网页浏览内容时,视觉上的体验是很重要的,

网站会定期进行视觉优化,给使用者更好的视觉体验。

今天带大家来看看,2018年网页在视觉效果优化上,会有哪些改进方向?

一、弹出式/插入式内容的终结

Google往往是网页趋势发展背后的驱动者。最近,这家搜索引擎公司宣布将处罚那些在搜索结果中使用弹出式或插入式内容等扰人政策的网站,例如屏蔽那些当用户点击弹出窗口上的“X(关闭)”按钮之后才会消息的内容。

不过并不是所有插入式内容都会消失,像年龄验证、登录窗口等内容则会被保留下来。

二、破碎/非常规网格布局

相信2018年会有越来越多的网站开始尝试新的网格布局,非常规甚至破碎的网格将成为更加流行的设计美学。

Invision Studio就是一个很好的例子,最新发布的网站就在推动网格设计的边界,其对用户在滚动页面时候的网格布局进行了一番改变,甚至还在某些情况下通过在特定位置采用文本覆盖图片的方式“打破”边界。

三、衬线的回归

曾经的扁平化设计为了尽可能地扁平化甚至去掉了衬线。然而当扁平化设计开始走到尽头的时候,人们又开始看到了衬线的回归。

在众筹网站Kickstarter上大家就可以看到一些衬线。这为原本干净、现代的设计布局加入更多的个性,因为衬线就是增加个性化和真实性的方式之一。

四、动画的存在不再分散用户注意力

多亏了jQuery和CSS3,动画在各大网站发展起来,然而到最近,设计师们想要网页上的所有东西都动起来。所以2018年预计网页会出现更多的动画和交互式内容,但它们出现的目的是为了体验而非分散用户的注意力。

Concrete Rep网站就是一个很好的例子。当滚动页面时将会出现不同的图片和文字内容。

五、锐利的渐变

另一个开始流行的趋势将来自渐变的呈现。锐利的渐变风格开始不断出现,它能带来更强烈的视觉效果。

Sketch网页是一个代表例子。大家可以在网页右边看到紫色的锐利渐变。另外当滚动页面的时候还将看到一个圆形靶心效果,这能有助于将渐变的东西变得更加引人注目。

六、打破横向水平的传统

谁说横线必须是水平的?最近,设计师们就开始打破这种传统将横线以斜线的形式表现。通过这种锐利的斜线,网站页面能够获得更多的视觉乐趣并变得更加独特。

Stripe网站展现的效果,可以看到,只要设计得当,斜着的横线看着也非常漂亮、舒服。

七、圆角复活

看起来圆角并没有真正死去,实际上现在设计师们又将它带来了回来。看Twitter的新推文发布框就是一个很好的证明。

八、鲜艳大胆的配色

想要想出新的配色方案并不容易,所以直到年代才开始出现越来越多的新配色方案,它们看起来好像不大可行但实际上却又行得通。等到2018年,人们可能将会看到更多鲜艳、大胆的实验性配色方案。有时候许多明亮的颜色都被认为不大可能和平共处,但真把它们放在一起的时候效果却出奇得好。

不信请看Spotify,其采用了粉色、金色、橙色这三种一般不会有人想到将它们组合在一起的颜色,最终的效果相信大家也都看到了,非常棒。

九、交互式的故事内容

现在,越来越多的网页开发者开始通过动画或视频来帮助他们更好地呈现其所要诉说的故事。

CNN最近发布的一篇关于全球变暖和格陵兰岛冰川融化的新闻报道,其将故事分成多个部分并且在每个部分都提供了不同的背景、动画。

十、分割桌面屏幕的设计

眼下还出现了这样一个流行趋势,即让一或两张图片来接管网页试图,从中间垂直向下分割。

Jaune de Chrome网站就是这一趋势的代表之一。

十一、粗犷主义的出现

也许许多人没有听说过粗犷主义,当在网页设计中谈论到这个也就意味着与以上谈论所有趋势的对立面。它几乎打破了所有网页设计和用户体验的规则。

粗犷主义网站只遵循自己的设计美学,其不符合任何美学趋势。上图就是一个粗犷主义网站的典型框架,下图则是一个粗犷主义网站设计的范例。


就网页设计而言,2018年注定会是变化很大的一年,希望能看到更多眼前一亮的视觉效果。


分享15个免费的设计资源网站


相信能帮到设计专业的你~


以下网站都能打开,部分需要翻墙


01:365 Psd —— 每天一款免费的PSD

链接地址:http://365psd.com/


02:Dbf —— 这里有来自Dribbble和Behance的免费资源.

链接地址:http://dbfreebies.co/


03:Dribbble: —— 在 Dribbble 中搜索 “freebie” 能找到许多免费的好东西.

链接地址:https://dribbble.com/


04:Freebiesbug —— 最新最热的PSD等设计素材,为设计师而生

链接地址:http://freebiesbug.com/


05:Freepik —— 给每个人的免费平面设计资源

链接地址:http://www.freepik.com/


06:Free Section of Creative Market —— 每周一一波免费设计资源

链接地址:https://creativemarket.com/free-goods


07:Freebbble —— 网站搜集了来自 Dribbble 的免费素材

链接地址:http://freebbble.com/


08:Graphic Burger —— 这里的每一个设计资源都足够精致

链接地址:http://graphicburger.com/


09:Marvel —— 来自著名设计师的免费素材

链接地址:https://marvelapp.com/resources/


10:Free Section of Pixeden —— 大量免费设计资源

链接地址:http://www.pixeden.com/free-design-web-resources


11:Pixel Buddha —— 为专业人士准备的设计素材,有免费的好资源,也有收费的进阶版.

链接地址:http://pixelbuddha.net/


12:Premium Pixels —— 为创意工作者准备的素材.

链接地址:http://www.premiumpixels.com/


13:Tech&All —— PSD,技术新闻,免费资源,都在这里

链接地址:http://www.techandall.com/


14:Tethr —— 最漂亮的iOS UI设计工具

链接地址:http://www.invisionapp.com/tethr


15:UI Space —— 来自那些炫酷的创意工作者的高品质设计资源

链接地址:http://uispace.net/


想了解更多好玩的艺术资讯

扫码关注我吧~



 打开看艺术教育的另一种方式 



维欧专业方向

纯艺术 Fine Art

插画 Illustration

平⾯设计 Graphic Design

女装设计 Fashion Design Technology: Womenswear

男装设计 Fashion Design Technology: Menswear

⾯料设计 Fashion Textiles

戏剧服装设计 Costume Design

室内设计 Interior Design

产品设计 Product Design

珠宝设计 Jewellery Design

时尚包类&配饰设计 Fashion Bags & Accessories Design

建筑设计 Architectural Design

陶瓷设计 Ceramic Design

鞋履设计 Footwear

摄影 Photography

电影制作 Film production

景观设计 Landscape Design

动画设计 Animation Design

交互设计 Interactive Design

UI设计 User Interface Design

表演设计 Performance Design And Practice

时尚管理 Fashion Management

时尚买手 Fashion Buying

奢侈品管理 Luxury Management




教学环境





成都校区 联系方式

官方咨询电话:028—86948896





各大校区地址


北京校区:北京市朝阳区百子湾路苹果社区北区6-67

上海校区:上海长宁区杨宅路258号环东华智尚源103&203

成都校区:成都IFS.国际金融中心3号办公大楼40层4006室

深圳校区:深圳市南山区兴华路6号南海意库2号楼306

广州校区广州市海珠区艺苑北路TIT翡冷翠小镇A2-101

青岛校区青岛市市北区宁夏路 80号 C栋 311-312 室

杭州校区:浙江省杭州市上城区平海路123号3楼 湖滨银泰名品街3层



转载声明:本平台文章均由维欧整理撰文编写或原创编译,如需转载请获取授权,未经授权禁止转载。

-毕-

这里是维欧

这里可以实现你的艺术梦想

友情链接