做企业网站条件顺序

设计一个网站

创建线框
设计的最佳实践
网页设计原则
设计资源在线
使用颜色
网页排版
调整的HTML移动设备
使用图像
 
做企业网站设计的先决条件:设计一个网站,需要一定的平面设计和软件,可以编辑和调整图像的知识。设计网站的外观和感觉,可事实上,没有发生顺序,设计和开发往往并行运行。
修改用户和组织的要求

在计划阶段,进行演习,以便:

定义网站的目标
确定受众
捕获的品牌标识,以书面形式
了解使用和交通发展趋势
在这点在设计过程中,从这些演习的输出应进行评估,以创建品牌和网站的视觉设计。

注:如果您还没有记载此信息,或定义你的目标,并确定你的听众进行练习,你应该停止,现在就做。此信息为您申请的视觉特征,网站的目的是为了关键。

该网站的外观和感觉需要,以反映所有收集到的信息和满足的要求确定的职能。回顾这些信息可能会引发概念的设计思路。

已建立坚实的用户和组织的要求后,才了解,你应该进行下一步创造的这些要求的图形表示。

设计品牌标识的视觉表征

品 牌应从一个标志或符号,在视觉上代表用户和组织的要求。一个标志是建立品牌形象的一部分,但通过自身的标志是不完整的品牌。一个品牌都有一套价值观和承诺 兑现的承诺。认为品牌作为一种关系:它需要支持消息 - 一种生活的方式 - 在一个坚实的,一致的方式来建立自己作为一个值得信赖的来源和行为。品牌提供了专注于共同目标,并建立企业的态度。

提示:一个有用的练习时,试图建立一个品牌标志是写下关键字或词组。正确的话会借给自己的图形图像。

创建一个线框

线制定一个网站涉及到建立一个网站的线性版本,挡在箱子关闭网站领域 - 没有详细图解。它有助于建立在页面的各种元素的视觉层次和空间关系。

内线框,地区的内容,导航和图形表示提供了如何在您的网站上的信息连接区块和网站流量的真实感受。 有没有需要复杂的软件来创建一个线框。它可以是简单,只要一张纸上的轮廓,框画在一个Word文档,图形的形状与表中使用的图像编辑软件或基本HTML模型。


线框,至少你的网站的前两个层次,IE首页和二级页面。

欲了解更多信息,检查我们上一节创建线框图。

决定页面布局

后,已建立您所创建的线框将支持用户和组织的要求,它是时间的选择页面布局。

使用现有的页面布局

如果您选择使用一个由加利福尼亚州接受页面布局,您可以下载它从模板区。

决定模板布局工作的内容​​,你必须和你的信息架构决定的基础上为您的需求。你的选择有两个,三个或四列布局。

创建自己的布局

如果您决定您需要不同的布局,你可以建立你自己的,但是,它必须符合加州的标准。

选择网站的配色方案

作为一个选择调色板的出发点,使用机构标志/品牌标识。配色方案应相互补充,相互支持视觉。这将有助于支持你的品牌标识。

您的色彩选择可以影响你的网站的辅助功能。确保有一个高层次重叠的颜色之间的对比。对比度低导致视力不佳或色盲用户的问题。

为几套预先定义的配色方案已经确立,使颜色选择更容易。在这里你可以下载的配色方案。

提示:您的调色板限制到2个或3个主要颜色(与遮阳变化)和小口音的色彩,在这里和那里。有限的颜色和图形意味着更小的文件大小,加载速度更快,而且最重要的,更具可读性和邀请网站。

合并与布局的视觉呈现的品牌元素

现在你已经建立网站的配色方案,并建立您的品牌标识,这时候开始合并到该网站的可视化布局的品牌元素。据推测,您在前面创建的线框已经敲定,因此布局已经确立。

开始运用品牌标识布局的旗帜。模板允许您自定义代理品牌旗帜的空间。

旗帜就是打开您的网站时,用户看到他们的第一要素之一。对于www.yiyada.com品牌网站,有特定的空间保留为一个机构的联合品牌。

代理品牌的旗帜不应该超过77像素的高度。
标志将永远被定位到代理品牌旗帜左边是118×77像素。
选择图形和其他意象

选 择合适的平衡的品牌形象和内容,在网站上的图像是下一个步骤。寻找图像的过程可以是具有挑战性的问题,如版权和适当题材。对于每一个“发现”的形象,你想 使用,您应经常检查,看看是否有与该图像的任何版权或专利的问题。例如,如果您使用诸如康斯托克一个网站找到的图片,有明确的版权和版税协议,在网站上, 你可以阅读。因为有些东西是“免”并不意味着它是免费的 - 读协议。总是问许可使用图像,如果“发现”在互联网上的图像。

你很少找到确切的样式,大小或格式,你需要的图像。正确编辑图像可以帮助使您的网站看起来很专业,并支持你的品牌标识。

考虑无障碍每​​当你使用图像。您在您的网站中使用的每一个形象,必须有一个有意义的“ALT”标记。一个“ALT”标记,屏幕阅读器“读”形象的描述,有视力残疾的用户所需要的信息。

找到的照片和图像
编辑图像时的技巧:

始终工作在原有的副本
使用JPEG格式的照片;平面彩色GIF
每英寸72像素
应该仔细平衡与大小的图像质量和下载速度
选择正确的格式

如果图像是使用JPEG ...

摄影
梯色
如果图像是使用GIF ...

大多为平面彩色
对颜色的背景和需求的透明度
包含主要输入
PNG和SVG都有参差不齐的支持,并建议不为大多数用途(虽然PNG可能适合联网使用)

PNG是无损的,有可变的透明度控制
SVG具有很高的质量
更多信息与图片工作。
选择字体和Web版式

除 了可视布局和网站上的图形,字体样式和使用被认为是一个网页设计的一部分。有关于字体,大小,样式,颜色等,虽然这些“风格”的选择是一个设计决策,必须 作出的选择,风格的应用程序是通过CSS执行。在这个阶段,我们正在研究字体的设计决策。下面,你将需要做出的设计选择:

字体家族提示:如宋体或宋体工作的一个无衬线最好。

字体大小(S)提示:相对字体大小工作,在网络上和“EMS”的工作最好的。

字体颜色和高亮提示:在白色背景上的黑色文字是最好的网页

领导和字距提示:请选择一个设计空间的问题,但通过CSS实现字体样式。

Web版式的 更多信息。
超出了设计阶段

设计不启动和停止在一个网​​站的开发周期段。当您移动到建立和维护阶段,设计任务往往次再访。例如,可能需要更换一个新的网站上的图像,目前驻留,编辑,或应用一些设计原则,以确保它支持代理品牌引入到现有的站点可能需要一个新的页面。