企亿推信息网
专注网络推广服务

如何做扁平化设计-深圳网站建设实际案例教你-企亿推网站建设公司

扁平化的设计风格给观众带来了干净简洁的设计情感。这种设计风格在现之前,这种设计风格实际上已经被广泛应用,但在设计技术上没有扁平化设计更极端。例如,以下案例是平面时代前的典型设计,但整体设计风格与平面风格相似,设计风格简洁干净。事实上,如果我们去除导航条、搜索框和其他元素中的亮点和阴影,并将图标元素替换为非拟物化图标,并在布局上更改,该设计可以立即变成平面设计

在深圳网站建设企亿推看来,扁平化设计之所以如此流行,是因为它更适合移动终端设备的小屏幕。扁平化的设计风格更适合在手机、平板电脑等小屏幕上操作。但如果把扁平化的优势放大到颠覆整个设计思维方式,无疑会夸大其影响力。扁平化设计也有其自身的缺,如果用在稍微复杂的界面上,扁平化设计会带来很多麻烦。因此,无论应用多么广泛,扁平化只是一种风格。没有必要在大屏幕上使用扁平化设计,如网页设计。

当然,这篇文章并非要对于扁平化与拟物化的设计孰优孰劣辩个是非,相反,作为一种设计风格,身为UI设计师,平面设计风格如此流行,我们应该掌握这种设计风格的特点和表达技巧。我们将使用上述文章HTC对平面设计风格的设计要素进行详细分析,掌握平面设计风格的设计方法。

那么,平面设计的设计特点是什么,我们应该如何将这种设计修改为流行的平面风格呢?我可能已经整理出了以下基本步骤:

一、梳理网站信息,消除非重要信息。

根据网站的目的和需求梳理网站信息,这是无论网站设计的哪种风格。信息梳理的工作非常重要,它直接关系到一个网站的目标能否实现。深圳网站建设认为,由于缺乏整理,重要信息在页面的重要位置和视觉上没有体现出重要性,无论设计多么美观,都是无用的。但我们经常看到相反的情况,恰相反。一个网站的页面充满了重要和不重要的信息。每个子页面的内容都应该在页面上占据一个位置。页面上出现了产品显示、新闻和信息、常见问题和特殊活动。因此,次要信息稀释了重要信息的比例,信息的主次不能反映,访问者似乎在浏览网站后看到了一切,但没有留下深刻的印象。时刻记住,设计不是为了美观,更不是为了炫耀技巧,而是为了方便信息的交流。时刻记住,设计不是为了美观,更不用说炫耀技能了,而是为了方便信息的交流。信息梳理在平面设计中更为重要,因为平面设计是为了反映简单、干净的特点,页面上的信息太多,不容易做出这样的视觉风格。

拿上面HTC以手机页面上的信息为例,Logo不用说,导航作为网站信息组织结构的体现,是一个非常重要的元素。HTC它是一家生产和销售手机的企业。可以想象,页面上的重要信息当然是新产品的展示,其次是新的特殊活动和特色产品的展示。企业新闻、产品支持服务搜索等其他内容不必出现在页面上,因为与上述信息相比,这些信息并不那么重要,可以反映在内部页面上。

二、确定设计方案,具体落实布局、色彩方案、字体、创意等。

确定网站信息后,我们可以开始制定更详细的设计方案。首先要确定的是布局,即网站的布局。在扁平化风格的设计中,由于设计中经常使用特别简单的元素,排版变得非常重要,成为设计中的亮点。扁平化设计中常见的排版方法是用矩形在页面中划分不同的信息区域,如下面的案例所示。可以看出,矩形在整个页面或栏信息的划分中起着非常重要的作用。

平面设计风格来看,以上HTC页面设计导航部分的创意太复杂,将主要内容固定在一个宽度内的板看起来太吝啬,所以我们将现有的布局改为栏的布局。放弃目前的导航设计,将导航文字直接放在通栏的导航条上,banner部分设计也做同样的处理,banner下面是新的活动信息,每个活动信息区域用矩形分开。

如何做扁平化设计-深圳网站建设实际案例教你-企亿推网站建设公司

(图1)

然后需要确定的是颜色方案。在平面设计中,纯度低、亮度高的颜色更多。使用亮色使整体设计风格更加清新。查看以下案例的设计:

然后是页脚导航和版权信息。这部分信息不是页面的重点,只要符合整个页面的设计。下图是我们重新设计的页面。与修订前的设计相比,我们可以对平面设计方法有一个大致的了解。

未经允许不得转载:启新网站SEO优化 » 如何做扁平化设计-深圳网站建设实际案例教你-企亿推网站建设公司
分享到: 更多 (0)
加载中~