网站内容设计(第4章4.1一些网站设计的大致流程(具体内容第一章))
优采云 发布时间: 2021-12-19 20:13网站内容设计(第4章4.1一些网站设计的大致流程(具体内容第一章))
第四章 网站 设计过程
4.1 网站设计过程
网站 设计的一些一般过程。(具体内容详见第一章)
1、明确建立网站的目标和用户需求
二、整体设计方案主题明确
三、网站的版面设计
四、网站测试与改进
五、内容更新与交流
4.2 确定网站的类型
随着互联网的飞速发展,互联网已经或正在成为人们学习、工作和生活中不可或缺的一部分。更重要的是,互联网的潜在商机越来越明显。因此,个人和团体都希望在网络中找到适合自己的职位。那么,各种网站如雨后春笋般冒出,纵观网络上数以百万计的网站,根据它们的功能和结构,大致可以分为以下几类:
1. 门户网站 2. 热门网站 3. 电子商务网站 4. 媒体信息服务网站
5. 办公事务管理网站 6. 业务管理网站
4.3 网站的主题和风格
4.3.1 确定网站主题
选择网站题材时要注意以下几点。
1.主题要小,内容要细化
2.网站 题材应该是你擅长或喜欢的东西
3.主题不要过分,目标不要太高
4.3.2 确定网站的整体风格
网站的样式设计是最抽象也是最麻烦的问题。网站的很多建设者都从事计算机和网络技术。他们对网页制作技术非常熟悉,但想法很少。一个既美观又独特的主页。另一方面,专业艺术家通常使用传统的艺术技能,对网页制作技术和互联网了解不多,因此不知道如何设计最适合网络传输的图片。所以网站的风格设计并不简单,是一门综合性的技术。
风格是抽象的,往往无法用具体的对象来描述。指用户对网站整体形象的感知。这个整体形象包括网站的标志、颜色、布局、交互方式、文字布局、图片、*敏*感*词*等诸多因素。
风格也很独特。这是网站与其他网站最不同的地方。统一的样式让用户知道自己在网站上的哪个网页。这个网站。例如微软的网站,任何网页都有微软独有的蓝色和“微软”网站标志。
总之,我们在设计网站的风格时要注意以下几个问题:
(1) 将网站标志尽量放在每页最显眼的位置
例如,著名电子杂志网站《索易》()以英文soim为标志,而搜索引擎新浪网则以英文字母“sina”和眼睛图案为标志。
(2) 高亮标准颜色
标准色是指能体现网站形象和内涵的颜色。它们主要用于网站的标志、标题、主菜单和主色块。适用于网页的标准颜色有:蓝色、*敏*感*词*/橙色、黑色/灰色/白色三个系列。
(3) 使用标准字体
标准字体是用于徽标、标题和主菜单的独特字体。通常,网页的默认字体是 Times New Roman。为了体现网站鲜明独特的风格,您可以根据需要选择一些特殊的字体。
(4) 使用统一的图像处理效果
图片具有加强视觉效果,营造网页气氛,布局活泼的效果。处理时要注意画面阴影效果的方向、粗细、模糊程度。图片的颜色和网页的标准颜色也应该合适。
4.4 网站 内容确定
4.4.1 网页内容设计原则
以下是我们在设计页面时需要遵循的一些基本原则:
1,_ 日期时间和数字:
用户需要了解他们看到的信息是最新的,但他们不需要查看每个条目的日期和时间。注意日期和数字的设计:
(1)只对时间敏感信息显示日期和时间。时间敏感信息不显示时间和日期,也不需要显示星期几。
(2) 显示的是上次更新的时间,不是电脑生成的时间。
(3) 日期写入
不要只用数字来表示日期,比如“01/02/03”,可能是2月1日,也可能是1月2日,因为有些国家习惯不同。
(4) 显示数字列表时,对齐小数点。
2、欢迎词:
不要使用主页上最重要的区域来迎接用户。
3. 弹窗和引导页
一般来说,最好立即显示网站的内容。指南页几乎是不必要的,它使用户远离主站点的内容。
(1) 当用户输入主页网址,或点击另一个页面上的站点链接时,将他们带到真正的主页。
(2) 尽量避免弹出窗口。
4. 新闻及公告信息
(1) 标题要简洁,使用叙述性语言,尽量少用文字表达尽可能多的信息。
(2) 仔细编辑首页的主要新闻内容摘要。
(3) 没有必要在新闻Feed中列出日期和时间,除非确实是突发新闻并且经常更新。
5. 网站:
保持主页的 URL 尽可能简单是非常重要的。
6、控件:
如果你不让用户点击,永远不要让控制部分成为屏幕。
尽量少用下拉菜单,尤其是当其中的项目没有解释它们的含义时。
7、链接:
(1) 尽量让链接更容易阅读。(2) 注意链接名称。(3) 使用不同的颜色来表示链接状态。
8.首页内容:
(1) 使用用户关注的词。类别和主题应该根据用户的方向来划分,而不是根据公司。
(2) 避免冗余内容。
(3) 不要使用成语、行话,否则用户很难理解你在说什么。
(4) 尽量少使用命令式语言。
(5) 为了强调效果,避免不恰当的使用空格和停顿。
4.4.2 一般网站收录几个项目
一个标准的网站应该包括以下十项。
1. 站点*敏*感*词*(SITE MAP) 2. 导航栏(NAVIGATION BAR)