网站设计最吸引人的地方在于变换莫测给与用户独特的品牌印象,随着设计的不断演进与创新,能够给用户带来了更好、更流畅的用户体验,给人处处惊奇的感官飨宴。云华设计作为顶尖的上海高端网站建设服务商,凝练2018年即将主宰我们的眼球的10大网页设计趋势:
1. 打破死板框架的版式设计
以往的几年,一成不变的网页格式布局已经不能再被所认可了,幸而Flexbox 以及CSS Grid!等技术的出现,让设计师、工程师等带来了更广阔的发展空间,今年肯定会看到更多的网站原有的对称、秩序守则,形色交叠的网页布局肯定精彩。不过不变的原则是设计重点的烘托内容,内容才是核心、才是人们光临浏览网站的原因,因此设计的尺度上也是需要考量的,天马行空之余别反客为主,夺走表达内容的风采。
2、极简风即将out,色彩在舞动!
色彩作为个性表达的传播元素,在极简风的风潮中被播除,大约去年开始,上海高端网站建设的大面积渐层渐变色有着强势的风潮归来,Instagram、Asana、Stripe都以饱和的渐层色打造新的品牌视觉主调,今年的斑斓色彩也会更多的运用并将大行其道,此外影像以双色调后制也是今年的新潮。设计师预言今年会是funky的一年,期待更加浓郁强烈的色彩冲击人们的感官。
与前几年的简洁轻盈、以及上述浓郁强烈的色彩对比,以相对稳重冷静的黑色作为主色调也是愈来愈多网站的选择方向,只要辅色(accent color)搭配得体协调,黑色一点也不沉闷,反而能在一片光彩的世界里脱颖而出。
3、华丽且实用的UI动态效果
动态效果在当下的网页设计领域也是非常重要的角色,今年当然也是加入了趋势行列,还会应用更加广泛。适当的动态效果具有突出的重点和吸引注意力的效果。今年的SVG、CSS创造的动态效果会将大幅度的添加,滚动视差也会被提及的越来越美观华丽。但设计师应思考品牌或内容的含义以及每个动态效果的意义,避免了“为动而动”。
4. 微交互:创造小惊喜的微互动
微互动在网页上也会愈来愈流行,比如滑鼠移过、点击各式网页零件如按钮,卷轴滑动过程中,适时出现细致变化,可以起到提示重点和引导的作用,这也是上海高端网站建设公司云华设计优势所在。当然,设计师也要拿捏“动”的意义与幅度,才不致于画蛇添足。
5. 不失真、载入快的 SVG 向量图档大行其道
相对于传统图片格式JPG、PNG、GIF 以像素构成,近年兴起的可缩放向量图片SVG 在网页上具有更大优势和喜爱,以标记式语言(XML)组合图形,绘制矩形、圆形、线条都是简单的小事,复杂的填充和形状也难不倒它,也可以轻而易举制作出动态效果,而且不受解析度的影响,无论利用什么样的荧幕、什么装置观看,都不会破坏图像品质。 SVG 胜出更关键的是,不需 HTTP Request,能够大幅提升网站载入速度。例如这个便是以 SVG 绘制的后背包。
6. “大标题”设置更会精准传达品牌意涵
首页以“巨大的标题”呈现出品牌的主旨,也将是随处可见的风潮。不过“巨大”并不意味着字体本身的加宽加粗,而是以恰当的字体设计,言简意赅、充分的传达出产品的精神,取代冗长赘言。而字体与背景或色彩设计、或者在字体上塑造动态效果,也是可以尝试的方法。
7. “虚拟实境技术”的相结合,营造场景
虚拟实境的话题从前年延伸到今年,这同样是上海高端网站建设的风潮,科技巨头对虚拟实境的投资力道丝毫没有减弱的痕迹,特别是Facebook 未来十年将砸下 30 亿美金专注虚拟实境的研发和思考。所以可预见的是技术将会是更加成熟和活跃,也会有越来越多的媒体或品牌运用虚拟实境科技来呈现思想和故事,让人们更有“身临其境”的感觉。
8.为不同的品牌身份者打造专有的内容
对内容网站而言,有效的把“好的内容”传递给“对的使用者”,是这几年备受重视的能力。不过能够命中核心的却不多。因为要达到跟随情境输出的专属内容是需要考虑不同使用者的不同特征,例如,使用者来访网站的目的是私人之用还是为了工作?使用者是从哪里来到网站的?使用者此刻正在做什么?使用者为什么来这个网站不去其他的网站?
这些特征累计起来增加了复杂性,有些媒体使用推荐阅读机制,如 Facebook 以演算法为个体决定不同讯息流。而如 Fubiz 则用“Creativity Finder”,让使用者自行设定“身份”、“区域”、“目的”三个条件,过滤最符合要求的内容给予不同使用者。
9. “登录页”大于“首页”
登陆页(Landing)与首页(Home)的差异在于登录页有个非常明确的目的,希望使用者注册、订阅电子报、甚至购买,而首页就如自我汇报,提示网站包含哪些内容或功能,作用乃为提纲挈领。前者的重要性日益彰显,设计上要能高效率地带领使用者完成“转型”的目的,因为我们不希望使用者分心到其他地方,最重要、几乎也是唯一的目的就是推进转换。
10. 设计的分享
如同行业设计领域热烈的分享文化,近几年有很多小公司或大企业乐于公开分享内部的设计团队协作与工作技巧流程,不但有吸引人才的好处,也充分展现品牌特色、塑造设计领域的互助氛围。