探讨网页设计理念与创新,解析当前流行网站界面设计的核心观点
现今流行的应用型网站界面设计理念为何?
1. 移动先行,极简主义
移动设备的有限屏幕空间迫使设计师回归本质,必须舍弃繁复的装饰和冗余内容,优先确保对业务和用户体验影响最大的功能展示。
这也意味着这类应用若想成功,必须聚焦于极小范围的功能集合。以Clear为例,它不仅只选择了待办事项中最基础的功能,界面同样贯彻极简主义。
极简界面要求将交互性降至最低。需优先考虑功能,集中满足用户对期望结果的基本需求。这里的挑战在于,要明确创造一个可行且令人满意的产品需要多少元素,有多少可以舍弃,以及如何扩展产品和服务。观察这类应用的演进和扩展过程颇为有趣。
2. 四维思维,展现魅力
用户界面设计师开始意识到,无需将现实生活中的对象原封不动地移植到数字空间。数字世界与现实世界本身存在差异,它可以赋予用户魅力。它不再是用户、鼠标和协调眼手的指尖舞蹈,而是用户直接操作屏幕或对象,他们接触到的是一个用户无论身在何处都能感知的四维世界(时间、空间、人、信息)。Clear对手势UI的聚焦完美诠释了这种魅力,传统待办事项应用中的复选框和文本输入不再需要。
3. 敏捷设计,动态原型
无论是设计师还是移动平台,都被推向动画式用户界面设计的方向。尽管手势在日常生活中的应用并不新奇,但将其恰当地、有意义地应用于面向消费者的应用中,对设计师来说仍是一项挑战,因为他们习惯于遵循常规,采用静态框架来设计界面。而如果软件和产品研发采用新颖的原型化及多学科混合方法(如敏捷方法和精益用户体验Lean UX),创建动态、符合视觉和感觉习惯的原型并有效沟通将变得更加简单、更受用户欢迎。动画式设计赋予应用更多的动态元素。正如优秀的电影,关键往往在于静态帧之间的过渡。
网站的整体设计内容如下:
首先,我们需要明确网页设计的任务。
一、设计任务
设计是一种审美活动,成功的设计作品往往富有艺术性。但艺术只是设计手段,而非设计任务。设计任务是实现设计者的意图,而非仅仅创造美。
网页设计任务是指设计者要表现的主题和要实现的功能。站点的性质不同,设计任务也不同。从形式上,可以将站点分为以下三类。
第一类是资讯类站点,如新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量信息,访问量较大。因此需注意页面分割、结构合理性、页面优化、界面亲和力等问题。
第二类是资讯与形象结合的网站,如一些大型公司、国内高校等。这类网站设计要求较高,既要满足资讯类站点的上述要求,又要突出企业、单位的形象。然而,现状中这类网站存在制作粗糙的问题。
第三类是形象类网站,如一些中小型公司或单位。这类网站一般规模较小,有的仅有几页,需要实现的功能也较为简单,网页设计的主要任务是突出企业形象。这类网站对设计师的美工水平要求较高。
当然,这只是从整体来看,具体情况还需具体分析。不同的站点需区别对待。别忘了最重要的一点,那就是客户需求,它也属于设计任务。
明确了设计任务后,接下来要考虑的是如何完成任务。
二、设计实现
设计实现可分为两个部分。第一部分是站点的规划和草图绘制,这一部分可以在纸上完成。第二部分是网页制作,这一过程在计算机上完成。
设计首页的第一步是设计版面布局。我们可以将网页视为传统的报刊杂志来编辑,其中包含文字、图像甚至动画,我们的任务是找到最适合的方式将图片和文字放置在页面的不同位置。除了配置良好的计算机外,软件也是必需的。不能简单地说一个软件的好坏,只要设计者使用起来方便且得心应手,就可以称为好软件。当然,它应该满足设计者的需求。笔者常用的软件包括Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、ImageReady,这些都是不错的选择。接下来,通过软件的使用,将设计蓝图变为现实,最终集成一般是在Dreamweaver中完成。虽然在草图上,我们已确定了页面的大致轮廓,但灵感往往在制作过程中产生。设计作品必须具有创意,这是最基本的要求,缺乏创意的设计是失败的。在制作过程中,我们会遇到许多问题,其中最敏感的莫过于页面颜色。
三、色彩运用
色彩是一种奇妙的存在,它美丽而丰富,能唤起人类心灵感知。一般来说,红色是火的颜色,热情、奔放;也是血的颜色,可以象征生命。黄色是明度最高的颜色,显得华丽、高贵、明快。绿色是大自然草木的颜色,意味着纯自然和生长,象征安宁和平与安全,如绿色食品。紫色是高贵的象征,有庄重感。白色能给人以纯洁与清白的感觉,表示和平与圣洁。
我们知道,颜色是光的折射产生的,红、黄、蓝是三原色,其他色彩都可以用这三种色彩调和而成。换一种思路,我们可以利用颜色变化来表现光影效果,这无疑将使我们的作品更贴近现实。
色彩代表着不同的情感,具有不同的象征意义。这些象征意义是人们思想交流中的一个复杂问题,因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。
色彩承载着多样的情感,蕴含着独特的象征意涵。这些象征意涵在人们思想交流的过程中构成了一个复杂议题,其差异因个体年龄、地域、时代、民族、社会阶层、经济区域、工作能力、教育程度、风俗习惯、宗教信仰、生活环境、性别差异等因素而各异。
单独的色彩并无实质含义,与不同色彩相搭配,其呈现的效果亦各异。例如,绿色与金黄、淡白相配,可营造出优雅、舒适的氛围。蓝色与白色交融,能呈现出柔顺、淡雅、浪漫的气氛。红色与黄色、金色相配,能渲染出喜庆的氛围。而金色与栗色相配,则会给人以温暖之感。设计的任务不同,配色方案亦随之而异。考虑到网页的适应性,应尽量采用网页安全色。
然而,颜色的运用并非有固定法则,若强行套用某种法则,往往适得其反。在经验上,我们可先确定一种能体现主题的主色调,然后根据具体需求,运用色彩的近似与对比来完成整个页面的配色方案。整个页面在视觉上应呈现出一个整体,以达到和谐、悦目的视觉效果。
四、造型的组合
在网页设计中,我们主要通过视觉传达来展现主题。在视觉传达中,造型是一个至关重要的元素。抛开是图像还是文字的问题,画面上的所有元素均可统一视为画面的基本构成要素——点、线、面,进行相应的处理。在一幅成功的作品中,点、线、面的共同组合与搭配是构建整个页面的关键。
通常,我们可以运用的组合手法有秩序、比例、平衡、对称、连续、间隔、重叠、反复、交错、节奏、韵律、归纳、变异、特写、反射等等,每种手法都有其独特的特点。在设计过程中,应根据具体情况选择最合适的表现手法,以便更好地展现主题。
通过点、线、面的组合,可以突出页面上的重要元素,凸显设计主题,增强美感。