`
gray888
  • 浏览: 530516 次
  • 性别: Icon_minigender_2
  • 来自: 上海
最近访客 更多访客>>
社区版块
存档分类
最新评论

第一页 网页界面设计系列教程——基础理论

阅读更多

        一、基础理论

   用美和技术两方面衡量生活的合理性。网页界面设计是将技术性与艺术性融为一体的创造性活动。
  
   在网页出现的早期,和设计发展的早期阶段一样,网页设计是以功能性为第一指导原则,以技术因素为主要考虑对象,以完成或实现必要的功能为目标。以字符组成的界面可以起到基本的信息传达作用,同时技术要求相对较低,易于实现,并且有较好的稳定性,故而这种形式的界面在很长一段时间内是人机交流的主要形式。
我国对网页界面设计这一课题的系统研究还略显薄弱,特别是载艺术设计领域中对网页界面设计的探讨尤显不足。
版式设计对设计人员的综合能力与文化素养要求比较高,往往不如文字编排和图形设计那样容易把握。

       从艺术领域来看,色彩本身及其有无,并不意味者艺术作品的艺术性的高低,但在网页界面设计领域,彩色的网页总是要胜于单色的网页。

  一般情况下使用256色就可以将图片的色彩基本还原出来。

  网络信息的受传者存在着职业、文化、修养、兴趣、生活经验以及消费水平等方面的明显差异,因此在网页界面中出现的视觉形象要适应大多数浏览者的口味,越明确,越通俗,越具体越好。

  在这样一个内容丰富、信息繁杂的巨大网络世界里,网页界面设计必须以其强有力的视觉冲击效果来吸引浏览者的注意,进而使特定的信息得以准确迅速地传播。这就要求网页界面设计的形式应力求删繁就简,“以少胜多”,一切分散浏览者注意力的图形、线条、可有可无的“装饰”都应摒弃,使参与形式构成的诸元素均与欲传播的内容直接相关。

  “简洁”是各种艺术形式都必须遵循的普遍原则,正所谓“无声胜有声”,网页界面设计尤其要做到这一点。在社会文化高度发达的现代社会,人们因文化素质的提高和价值观念的变化,生活情趣和审美趣味更趋向简洁、单纯。简洁的图形,醒目的文字,大的色块更符合形式美的要求和当今人们的欣赏趣味,给人以悦目、舒适、现代的感觉以及美的享受,令人百看不厌,并能回味无穷,联想丰富。

  网页界面可以依据其传达信息内容的特点来进行类型的划分,主要可分为6种形式:
  (1)信息查询类:以实用功能为主,注重视觉元素的均衡排布,较少装饰性的元素,如Yahoo!。
  (2)大众媒体类:如新浪网新闻中心。
  (3)宣传窗口类:从企业特有形象入手,充分表现企业文化特征,如Adidas。
  (4)电子商务类:使浏览者在访问时进行愉快的交流是设计的重点,要求既要具备人们乐于接受的交互性,又要有吸引浏览者注意的页面形式,如当当书店。
  (5)交流平台类:以方便使用为主要特点,指示性强,易于理解,如BBS。
  (6)网络社区类:由于网络社区通常不带有商业性质,因此它的界面设计可以根据社区内容充分发挥创造性,营造一个自由、舒适、愉快的氛围。

      

 

 

分享到:
评论

相关推荐

    第十个范例——布局之TabContainer

    文件名简洁明了,表明它是系列教程中的第十个例子,通常这样的系列教程会逐步引导读者掌握某个主题,从基础到进阶,使他们能够独立创建和维护自己的TabContainer布局。 在网页开发中,TabContainer布局通常使用...

    html课件——html概述

    例如《动态网页设计与制作—— CSS+JavaScript》、《HTML、CSS、JavaScript标准教程(第2版)》、《JavaScript入门经典(第4版)》、《JavaScript高级程序设计》以及《XML入门经典(第4版)》等,这些书籍提供了丰富...

    Access数据库程序设计教程

    接下来,"Access数据库程序设计 第02章数据库与表.ppt"讲解了数据库的核心组件——表的设计和管理。表是数据的容器,包含字段(列)和记录(行)。这里会教授如何定义字段属性,建立主键,以及设置数据完整性规则,...

    WPF原创教程(Homework)——Class3. WPFControl

    本教程旨在帮助初学者和有一定基础的开发者更好地掌握WPF的基础知识和高级技巧,通过理论学习和实践操作相结合的方式,让学员能够深入理解WPF的工作原理,并具备独立开发高质量WPF应用的能力。 #### 二、知识点概述...

    Java Web应用开发技术实用教程

    通过本教程,你将学习如何配置开发环境,创建第一个"Hello, World!"应用,进而掌握Servlet和JSP的使用,理解MVC架构,以及如何与数据库进行交互。同时,你还将学习如何使用版本控制系统(如Git),进行团队协作,并...

    jQuery基础教程(第2版)

    ### jQuery基础教程(第2版) —— 涵盖jQuery 1.3新特性及jQuery UI #### 一、前言与概述 随着互联网技术的快速发展,网页设计与开发的需求日益增长。为了提高前端开发效率,简化JavaScript编程,jQuery框架...

    JSF第一步

    这篇教程——"JSF第一步",显然旨在引导初学者进入JSF的世界,帮助他们理解并掌握这个强大的Web开发工具。下面将详细阐述JSF的基础知识,以及从给出的文件名中我们可以期待学习到的内容。 首先,让我们了解JSF的...

    ASP_NET Ajax程序设计—第I-II卷

    第一卷可能侧重于基础概念,如介绍ASP.NET AJAX的核心组件——Microsoft AJAX Library和ASP.NET AJAX Extensions。这些扩展为ASP.NET开发者提供了在服务器端和客户端之间进行异步交互的能力。微软AJAX库包含了一系列...

    The_iOS_Apprentice_1_Getting_Started_v3.1

    《iOS Apprentice 1 Getting Started v3.1》是iOS Apprentice系列教程的第三版,专为初学者设计,旨在引导读者入门iOS开发,包括iPhone和iPad应用程序的创建。这个史诗级的教程结合了理论与实践,提供了丰富的源码,...

    vue前端开发实战PPT

    首先,从标题和描述我们可以看出,这个系列主要关注Vue的实际应用,通过一系列的PPT教程来教授开发人员如何有效地使用Vue进行前端开发。 **第1章 从前端基础到Vue.js 3**: 这一章可能包含前端开发的基础知识,如...

    宜立方商场文档 day01-至-day14(全).zip

    在项目的第一天,通常会进行需求收集和分析,明确商城的功能定位、目标用户、核心业务流程。这包括用户注册登录、商品浏览、购物车管理、订单处理、支付系统等基本功能,以及可能的个性化推荐、促销策略、售后服务...

    Java应用事例压缩包

    在“Java应用事例压缩包”中,我们发现了一系列与Java Web开发相关的视频教程,适合初学者学习。这些教程涵盖了从基础环境配置到具体应用实践的多个方面,旨在帮助新手快速掌握Java Web开发的核心技能。 首先,"JDK...

    The Django Book 2 中文版

    在入门章节中,作者详细介绍了如何安装Django环境、创建第一个项目、启动服务器等基本操作。此外,还会涉及一些基础概念如模型(Model)、视图(View)和模板(Template),并指导读者如何快速构建一个简单的Web应用。 ##...

    《java web编程宝典-十年典藏版》 源码3

    "java实例3"可能表示这是系列中的第三个实例,可能涵盖了一些基础的Java Web开发技术,如Servlet、JSP(JavaServer Pages)或者MVC(Model-View-Controller)设计模式。Servlet是Java Web应用的基础,用于接收和响应...

    JSP经典百例(真的不错哦)

    学习这些基础知识是理解JSP的第一步。 2. **JSP指令和动作元素** 指令如`<%@ page %>`用于设置页面属性,`<jsp:include>`用于动态包含页面,`<jsp:forward>`则用于页面转发。动作元素如`<jsp:useBean>`管理...

    (JSP 全程开发实录)都市供求信息网源码

    《JSP全程开发实录:都市供求信息网源码》是一个深入浅出的教程,旨在帮助开发者通过实际项目——都市供求信息网的构建,全面掌握JSP技术的应用。本资源包含了一系列的源代码文件,旨在提供一个实战平台,让学习者...

Global site tag (gtag.js) - Google Analytics