网站主页设计首先考虑什么(怎样将网站设计成主页)

  传统的网站建设设计诸如暗影、水晶按钮、骤变、高光,而扁平化规划丢掉这些拟真视觉效果,然后打造出一

传统的网站建设设计如阴影、水晶按钮、突变和高光,而“平面规划”抛弃了这些逼真的视觉效果,进而创造出一个看起来更“平”的界面。无论是传统的网页规划还是移动设备的界面规划,凌乱炫目的效果可能都不是产品的最佳选择。过于凌乱的效果不仅难以吸引用户,还会让用户视觉疲劳,甚至导致认知障碍。因此,我们在网页策划中需要参考“扁平化”的简洁美学。

企业网站建设的扁平化完全归功于第二个要素。这个概念最核心的部分就是抛弃所有的装饰效果,比如阴影、透视、线条、突变等可以制作3D效果的元素。所有元素的缝隙都是干净的,没有任何的出现、突然的变化或者阴影。尤其是在手机上,更少的按钮和选项让界面干净整洁,使用起来特别简洁。可以更简单直接地展示事物的信息和工作方法,减少认知障碍的发生。

比如我们通常会给界面附近的按钮添加突变和投影效果,因为界面附近的按钮在实际中具有这些视觉特征,即使这些效果对于界面元素的功能没有实际意义。例如,在一些天气应用中,温度计用于显示温度;在国际惯例中,这种实体的存在是必要的,而在使用软件时,温度计的形象纯粹是装饰性的。

网站主页设计首先考虑什么(怎样将网站设计成主页)

日历中有必要使用皮革质感的规划元素吗?如果按钮不使用3D纹理,用户还知道可以点击吗?到底需要多少装饰元素?

在现实生活中,当按下按钮时,你可以清晰地感受到它的弹性,但在桌面或移动设备的显示屏上却感受不到这种物理反馈。看起来像实体的东西并不能让人感受到实体应该有的反馈效果,至少对我来说,这是一种不好的、意想不到的理解。

1.选择一个简短的集合。

建网站公司的时候忘掉那些丰富或者凌乱的砖墙图片。在平面规划中,应选择简单优雅的颜色或相邻颜色的颜色。

2.拒绝特效

平面规划中不应有阴影、高光或动画效果。我们之前知道的平面规划的定义,就是避免在规划中使用任何可以制作3D效果的透视、线条或元素。所有元素的间隙应干净整洁,不得有任何脱出或突然变化。

使用图标

平面规划通常使用图标,因为图标可以为用户提供简单而流畅的理解。图标不仅方便用户点击,还因为用户可以通过体验知道每个图标代表什么。

也可以大大降低用户学习新的交互方式的成本。所以在网站规划中记得使用图标,但也要保证图标是通用的,大家都知道,不受地域、种族、文明、语言等因素的影响。如果图标不容易被访问者快速理解,那么使用图标有什么意义呢?

网站主页设计首先考虑什么(怎样将网站设计成主页)

4.玩各种图形

在平面规划中,大量的数字非常受欢迎。圆、方、线不仅是规划布局美化的一个要素,还可以作为网站内容的分界线,使内容各部分的层次更加清晰,有助于访问者了解网站建设项目各页面的整体结构。

5.习惯亮色搭配

p>

  配色在网站中的重要性,相信我们都深有领会了,小飞在这就不多说了。扁平化规划一般选用比其他风格更明亮、艳丽的颜色,就像粉红色、蓝色、绿色和黄色等在这种规划中都很常见。可是,这种规划风格往往倾向于运用单颜色,乃至是纯色,还有一点要注意的是这些颜色的运用不要太过,一个页面最好不要运用超过3种颜色,太多的颜色会让网站看起来凌乱、没有美感。

  6.主菜单清楚

  主菜单、按钮以及全部的链接都应该看起来很简练、清楚,不要有任何暗影或强调效果。一般而言,在扁平化规划中,按钮常放在一个简略的框(矩形或圆形)里面,或许以更加简练的规划办法:什么图形都不必,只运用文本本身。

网站主页设计首先考虑什么(怎样将网站设计成主页)

  7.注重字体排版

  现在文本已经成为一种重要的可视化元素,扁平化规划鼓动在网站上运用大胆、立异的字体和排版,这能让网页布满爱好,不单调。不过要记住任何时候都不能为了时尚或噱头献身字体的可读性,假如用户无法正常阅览网站,还谈什么排版和规划风格。

  不管风格怎么,网站建设界面方法都取决于实践的功用。好的规划计划离不开产品前期的规划工作,特别是通过草图或线框原型进行的探究。识别出最中心的用例需求,运用原型不断检验和验证,为接下来的界面规划工作打下坚实的根底。

  扁平化风格的逐步盛行固然有它的道理,但本质上它只是规划美学傍边的一种;与仿古、高光、金属质感、木质等视觉效果相同,对视觉风格的选择必须以杰出的信息架构及交互形式为根底。

  扁平风格的一个优势就在于它可以更加简略直接的将信息和事物的工作方法展示出来,减少认知障碍的产生。

  跟着网站和使用程序在许多途径涵盖了越来越多不同的屏幕标准,创建多个屏幕标准和分辨率的skeuomorphic规划既繁琐又费时。规划正朝着更加扁平化的规划,你可以一次保证在全部的屏幕标准上它会很好看。扁平化规划更精约,条理清楚,最重要的一点是,更好的适应性。

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/159771.html

(0)

相关推荐