3种独特的趋势,让网页设计增色许多

 成都seo   2018-01-15 13:41   427 人阅读  0 条评论
摘要:

  规划趋势这种东西,往根上说是潮流,是因缘际会之下成为一个时刻段内的盛行风潮,大多共同,可是它并纷歧定契合你的喜爱。在过去的一个月傍边,所盛行起来的三个规划趋势,彼此相关,且都涉及到文本和标题在页面规划中的运用。究竟哪个更契合你的口味,而哪些又可以更常久地盛行?这恐怕就需求你自己来判断了。  1、带有下划线的文本和元素  很意外地发现我们最近力争上游地运用下划线这种元素。当然,可以在林林总总规划元素中灵活运用的下划线,自然不是规划东西默许的下划线作用或许文本链接下

  规划趋势这种东西,往根上说是潮流,是因缘际会之下成为一个时刻段内的盛行风潮,大多共同,可是它并纷歧定契合你的喜爱。在过去的一个月傍边,所盛行起来的三个规划趋势,彼此相关,且都涉及到文本和标题在页面规划中的运用。究竟哪个更契合你的口味,而哪些又可以更常久地盛行?这恐怕就需求你自己来判断了。


成都seo.png


  1、带有下划线的文本和元素


  很意外地发现我们最近力争上游地运用下划线这种元素。当然,可以在林林总总规划元素中灵活运用的下划线,自然不是规划东西默许的下划线作用或许文本链接下的那种文本下划线。


  下划线本来运用在文本傍边,用来着重内容,提示用户重视特定的文本信息。当下划线和不同的元素调配起来运用的时分,尽量让两者在风格和细节上坚持共同,保证它们在规划上是无缝而共同的。


  让下划线看起来是有意为之,可是又不会形成搅扰,这样的规划是成功的。虽然在许多规划傍边,下划线的加入会让文本看起来略显拥堵,可是实践上经过留白可以恰当地缓解这个问题。


  鄙人面的案例傍边,Simon Lee Gallery和Hoohaa Design均是经过下划线吸引用户留意到特定的文本。在Simon Lee Gallery傍边,下划线和小字的调配让它们不再显得单薄,在视觉上更重了。而Hoohaa Design中,下划线则是出于平衡视觉重心的意图来运用的,规划师想要杰出站点的称号。


  Abel Design Group这个网站中,规划师并没有直接选用传统意义上的下划线,而是运用橙色的线条置于文本前方,起到了和下划线类似的功用。


  2、被遮挡的文本


  我们在讨论规划的时分,文本的可读性往往被作为恰当靠前的一个规范来提,可是现在要说的规划趋势其实是和这一规矩相悖的:被遮挡的文字。虽然你纷歧定会喜爱,可是确实有许多近期的规划著作会挑选这样的规划。


  当然,从技能层面上来说,有不少规划在运用这一技巧的时分并未拿捏太好。有的可能是由于字体规划的原因,有的可能是所选的用来遮挡字体的元素没有挑选好。这个中心的度其实并不好操控,尤其是当用来遮挡文本的元素是呼应式、动态的时分。遮挡的元素、文本和背景之前要构成满足好的比照,可是又不能过分突兀,这是许多出问题的规划所面对的情况。


  不过,如果能把遮挡的区域、遮挡元素和文本的比照以及运动的轨道都规划好的话,实践上所发明的作用是十分醒意图。


  想要运用好文本远景的隐瞒元素,你需求留意下面几点:


  保证文本中的词汇满足常见,易于了解,比方Root Studio网站中的单词Root


  隐瞒元素不会遮挡太多部分


  保证遮挡不会形成不必要的辨认障碍


  运用满足简单的字体,不会由于字体风格和障碍物形成辨认障碍


  坚持其他部分的规划满足简单,这样用户可以更机轻松的重视中心的文本,而且辨认出来



  3、经典的是非配色


  谈到颜色相关的趋势的时分,我们通常会以为颜色可以反应出规划者的心绪。是非配色在这几年越来越常见,而在过去的这段时刻傍边出现的越来越多,是由于气候转冷规划师们的心境都越来越沉郁了么?


  当然,和曾经那种着重方式感的是非拍摄网站不同,现在的是非颜色的网站所掩盖的网站类型更多了,当然,在细节上可能还会点缀以其他的颜色,可是总体上是是非颜色没跑了。


  由于缺少丰厚的颜色元素,是非颜色之下,这些网站所出现出来的心情是很挨近的。


  在单纯的是非配色之下,文本的可读性往往是规划中所碰到的最实践的问题。虽然可用的颜色不多,可是规划师可以经过发明一些风趣的东西,来达到作用。


  正如同前面所说的,首要颜色是是非,这个时分恰当的加入一点点其他的颜色,比方赤色或许蓝色,一点颜色就能从整个规划傍边跳脱出来,极为夺目。


  当然,是非之间的过渡色有许多,恰当的运用可以让整个规划更为丰满。


  就像下面的Crafton这个网站,稍稍加入一点赤色,就让整个规划一会儿鲜活了起来。


  这次所讨论的规划趋势可能并不像之前的许多趋势那么风趣好玩,可是它们在许多项目中有着共同的功用,许多时分,放下喜爱探究这其间的功用,你会发现它们的适用范围还是蛮广的。试试看吧。


本文地址:http://www.iisya.com/information/455.html
版权声明:本文为原创文章,版权归 略懂SEO博客 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

还没有留言,还不快点抢沙发?