扁平化设计网站

1、扁平化设计


2010年平面设计的一个主要趋势 - 在这里留下来,但没有一些明显的改进。
虽然平面设计似乎是一个相对较新的时尚,但是当瑞士风格成立时,您可以将其起源追溯到20世纪40年代和50年代。
像大多数设计趋势一样,平面风格仅仅是一种旧设计趋势的再现,它们具有一些相同的特征:极简极简,网格布局,圣衬线字体,以及没有任何三维元素,如阴影和渐变。
正如Ryan Allen所说,平面设计正在演变成被称为Flat 2.0的。换句话说,它是平面设计,但更好。
要更清楚地了解两者之间的确切差异,只需查看上面的图像。在左侧,您可以看到完全没有任何三维元素的设计。另一方面,右侧的设计包含亮点,渐变阴影和阴影。

根据UX设计平台UXPin,平面设计的新版本和改进版使用了以下引人注目的元素,同时仍然主要是扁平化的:

长阴影图标

长阴影

明亮的色调

明亮的色调

衬线字体

无衬线字体

按钮

按钮

极简主义

极简主义

功能简约

2、功能简约

跟随其当前进化轨迹的另一个趋势是功能极简主义。 由于消除了将用户从网页的主要内容分散的元素,简约和优雅,极简主义将继续主导网络。

虽然看起来这个趋势应该使设计人员变得更容易,但实际上也是如此。 由于极简主义吸引了更多的关注页面上的几个对象 - 无论是三个,两个还是一个主要的元素 - 这些必须以极为谨慎和审慎的方式来选择。

网站设计_独创性

3、独创性

根据目前用定制产品代替大量生产的东西的趋势,诸如手绘元素的原创作品可能会增加人气。

那些将自定义插图与详细动画结合在一起的网站,最有可能跟随那些希望将自己与数千个提供类似用户体验的其他网站区分开来的人。

网站设计_集装箱式设计

4、集装箱式设计

在2016年,我们可能会看到更多由Pinterest和Google+等网站流行的卡片UI模式。 这种基于网格设计的和谐功能非常适合一个支持功能极简主义和优雅的网络世界。

在上面的例子中。 摄影杂志“Contrastly”使用这种网格图案来实现直观的用户界面,用户立即检测到信息的视觉层次结构(最新信息位于顶部,而每个连续的行以新颖的顺序下降)。

使用这种设计的主要优点之一是能够以逻辑和易于理解的格式呈现自包含的信息。 在缺点上,如果没有做到这一点,这个设计可能看起来很混乱,并且像Facebook或Pinterest那样出现太多风险。

网站设计_文字排版_极大或极小

5、具有戏剧气质的排版

除了可读性之外,排版是另一种设计选择,它自己传达信息。
这种排版的一些特征包括:

极大或非常小的排版

排版叠加在图像上

排版叠加在图像上

以非常规方式使用的排版

以非常规方式使用的排版

品牌网站设计_自由编排

设计您自己的排版,以反映您的品牌

网站设计_文字编排

结合上述技术(例如:非常小和大的排版)

网站设计_互动性

6、增加互动性

为了为用户提供更加身临其境的体验,互动将继续表征旨在吸引和吸引访问者的网站,从他们登陆页面到他们离开或购买的那一刻。

互动和沉浸式网站中的一些功能包括:
卡UI模式
微观互动(用户和网站之间的小型互动,加起来创造整体体验,如填写表单)
长滚动
视差滚动
点击并滑动
动画和视频
平稳过渡

网站设计_动画

7、创新动画

Flash的消亡并没有导致动画的消失; 恰恰相反,CSS动画越来越受欢迎,为网络开发人员和设计师开辟了一个全新的可能性世界

2016年使用最多的动画将继续包括:

载入动画

网站设计_菜单动画

用于显示隐藏菜单的动画

网站设计_幻灯片

幻灯片

网站设计_微妙动作

微妙的动作

网站设计_鼠标移动激活

运动由鼠标移动激活

网站设计_艳丽颜色

8、大胆使用颜色

使用充满活力,大胆的色彩不仅在日益普及,而且在所谓的专业场所也变得越来越接受。 这种趋势特别适用于平面设计原则,因为它阻止了极简网站的显示过于无聊和简单化。

继续主导网页设计世界的几个趋势包括:

单色方案

网站设计_深颜色

鼓励使用重音色

网站设计_颜色变换

颜色根据卡片布局进行修改

网站设计_颜色自动变换

当光标悬停在元素上时,颜色会改变

网站设计_英雄标题

9、英雄标题

在2016年的另一个趋势是使用大型高清英雄图像,从一开始就抓住你的注意力。 这些通常显示为英雄头,通过使用惊人的摄影结合文本,图像滑块,动画或视频沉浸访客。

网站设计_讲故事和互动

10、讲故事和互动

将精心设计的网站与异常网站分开的其中之一是促进与用户交互的方式。

在上面的例子中,“奴隶制足迹”网站不仅仅是提供了一个平滑的用户体验,使访问者感觉像一个故事中的人物。 这不仅允许增加交互性 - 使用指导性问卷作为使访问者的网站而不是组织的原因的手段 - 它还实现讲故事,这是一种强有力的技术,多次显示,吸引观众,而不是脱节的信息 缺乏叙述。

网站设计_长滚动

11、长滚动

虽然有些人不太喜欢长期的滚动趋势,但似乎在未来的一年中,我们将继续看到更多的这种趋势。

这种策略的主要优点之一是,它与较长时间的用户相比,在同一数量的信息分散在多个页面上的网站相比。

以上面的例子为例。 通过使用漫长的滚动功能,作者能够在屏幕上以读者自己的速度讲述一个无缝自然的丰富故事。

对网站设计有兴趣的朋友欢迎关注:力英网站设计公司

相关观点