数码控科技猎奇Iphone动漫星座游戏电竞lolcosplay王者荣耀攻略allcnewsBLOGNEWSBLOGASKBLOGBLOGZSK全部技术问答问答技术问答it问答代码软件新闻开发博客电脑/网络手机/数码笔记本电脑互联网操作系统软件硬件编程开发360产品资源分享电脑知识文档中心IT全部全部分类全部分类技术牛文全部分类教程最新网页制作cms教程平面设计媒体动画操作系统网站运营网络安全服务器教程数据库工具网络安全软件教学vbscript正则表达式javascript批处理更多»编程更新教程更新游戏更新allitnewsJava新闻网络医疗信息化安全创业站长电商科技访谈域名会议专栏创业动态融资创投创业学院 / 产品经理创业公司人物访谈营销开发数据库服务器系统虚拟化云计算嵌入式移动开发作业作业1常见软件all电脑网络手机数码生活游戏体育运动明星影音休闲爱好文化艺术社会民生教育科学医疗健康金融管理情感社交地区其他电脑互联网软件硬件编程开发360相关产品手机平板其他电子产品摄影器材360硬件通讯智能设备购物时尚生活常识美容塑身服装服饰出行旅游交通汽车购房置业家居装修美食烹饪单机电脑游戏网页游戏电视游戏桌游棋牌游戏手机游戏小游戏掌机游戏客户端游戏集体游戏其他游戏体育赛事篮球足球其他运动球类运动赛车健身运动运动用品影视娱乐人物音乐动漫摄影摄像收藏宠物幽默搞笑起名花鸟鱼虫茶艺彩票星座占卜书画美术舞蹈小说图书器乐声乐小品相声戏剧戏曲手工艺品历史话题时事政治就业职场军事国防节日风俗法律法规宗教礼仪礼节自然灾害360维权社会人物升学入学人文社科外语资格考试公务员留学出国家庭教育学习方法语文物理生物工程学农业数学化学健康知识心理健康孕育早教内科外科妇产科儿科皮肤科五官科男科整形中医药品传染科其他疾病医院两性肿瘤科创业投资企业管理财务税务银行股票金融理财基金债券保险贸易商务文书国民经济爱情婚姻家庭烦恼北京上海重庆天津黑龙江吉林辽宁河北内蒙古山西陕西宁夏甘肃青海新疆西藏四川贵州云南河南湖北湖南山东江苏浙江安徽江西福建广东广西海南香港澳门台湾海外地区

秋风渐起,大咖们都跟随这些趋势做网页设计

来源:ADMIN5  责任编辑:小易  时间:2018/2/13 22:15:20

  A5营销送节礼 新春钜惠享不停

  我们常常探索规则,规则让设计充满可预期性。我们也常常想打破规则,这可能是出于设计者叛逆的天性,也符合让特定风格或者元素脱颖而出的设计需求。刚刚过去的9月当中,设计师们打破规则的特质,通过网页设计作品体现得淋漓尽致。这些以破坏规则为特质的设计作品,实际上也遵循着某种潜在的规律:尽量只打破一个规则,来创造出意外和戏剧化的效果。

  1、无视边界的文本元素

  在很长的一段时间当中,设计师会让每一个元素都井井有条地置于各自的区间当中。但是现在,设计师开始让元素走出边界。

  横跨多区块的元素看起来似乎有点过于自由,但是在实际的设计作品当中,效果还是颇为有趣的。尤其是横跨多区块的文本元素,视觉效果很是突出。

  所以,现在所呈现出来的设计趋势,是让文本元素横跨背景图层、图片和其他的区块,就像下面的 Tradewinds 这个网站。

  在目前我们所看到的设计作品当中,横跨多区域的文本可以是任何大小,形态,角度,但是它们通常需要和背景的内容都构成足够的对比,才能确保良好的可读性。在下面的案例当中,文本可以横向展示,也可以纵向排布。

  这种设计背后所隐藏的思维方式,是使用超出用户预期的元素来引起用户的注意,这样是为什么设计师会在这个地方采用展示性较强的字体。

  为了让这些文本真正发挥作用,在网页当中,这些文本通常是作为单独的图层而存在。文本所用的字体在具备展示性的特征的同时,还应该具备足够好的可识别性。为了避免复杂的设计让人难以获取信息,尽量采用简单的布局。

  

 

  2、超大的视觉元素

  超大的视觉元素并不新鲜,但是将日常生活中通常并不大的元素放大,铺满屏幕,就很有戏剧感了。

  这种设计是一种很有趣的手法,需要设计师运用细节丰富的高清大图。

  想要让这样的设计足够突出,设计师需要在图片素材的选取上慧眼独具。如果有人告诉你,用一只眼睛或者一张嘴巴将整个屏幕填满,你认为这样的设计会不会成功?首先,这样的设计通常是让人意想不到的,如果在整体设计上足够原创,加上特定的品牌烙印,能够形成足够有力的视觉传达能力。

  当然,将日常生活中的小尺寸的元素放大到整个屏幕,视觉平衡是需要仔细控制的。它们通常需要足够的空间和留白,来确保它们看起来不是那么奇怪,或者过于刺激。Westward Leaning 这个网站在眼镜元素的周围采用了大量的留白来平衡视觉,Famoustache 这个网站则采用了明亮的色彩和有趣的排版来平衡浮动的胡子,而DTSi 这个网站则用大量的半透明的几何元素来软化背景的眼睛。

  想让这些超大的视觉元素具有足够的视觉冲击力,一定要确保图片质量,在屏幕上要确保像素完美,锐度和焦点都要能够确保。最好是高清的图片和视频,甚至是矢量的素材,即使是最简单的眼镜,也要确保它的刻画是足够清晰锐利的,不会让用户感到不适。

  

 

  3、空心图形

  近年来,设计师对于几何形状的偏好明显更多了。无论是图形叠加还是多边形图案,这几个月各种以图形为中心的设计并不鲜见。而现在,设计师们似乎更加青睐空心图形的运用。

  无论是作为LOGO,图标还是几何图形,空心的图形都是颇为有趣的设计元素。一般而言,它们都比较简单,比如 Bruderl 网站中的空心几何体,但是同时它也充当着引导视觉的标记。而在另外一个网站 BorderFree 当中,空心图形则作为图标来使用,不过细节会比普通的更多一些。

  无论从哪个角度上来看,空心图形都很有趣,以它们为核心来创造视觉焦点,拥有足够的形式感,能赋予品牌以更明显的特色,创造独特而令人难忘的视觉体验。

  为了让整个空心图形更突出,可以适当地让形状边缘更厚实一些,和背景的对比更明显一些,让它在视觉上足够突出。

  真正让空心图形脱颖而出的,是独特的形状,所以设计师应该合理地控制前后景的对比,和整个设计的平衡,吸引用户的注意力。

  

 

  结语

  就像我们在开头所说的那样,打破规则,并且尽量只打破一个规则,就能通过明显的失衡的设计,来创造令人难忘的设计,这种策略是有效的,至少我们所看到的这些趋势就是沿用这样的方法来做的。

document.writeln('公众号'); document.writeln('

【版权声明】本文内容由互联网用户自发贡献,本站不拥有所有权,不承担相关法律责任。如果发现本站有涉嫌抄袭的内容,欢迎发送邮件至 yy@haotui.cn 举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。

');

  • 本文相关:
  • 在设计之前请注意:这5种网页设计已经过时了!
  • 跟随这10个趋势 2018年可设计出出众的网页
  • 高能预警!这5种网页设计趋势已经彻底过时了!
  • 《网页设计综合指南》(二):网页设计看这篇文章就够了
  • 《网页设计综合指南》(一):网页设计看这篇文章就够了
  • 最新添加
    免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved