营销和沟通设计

一个网站的市场营销和沟通设计可以确定什么样的产品适合目标市场。目标市场可能是某一年龄段的人群或特定的文化链;因此设计师要理解其受众的趋势。设计者也要理解他们正在设计的网站的类型,这意味着,例如,B2B网站的设计考虑因素可能与针对消费者的网站(如零售或娱乐网站)有很大的不同。可能需要仔细考虑,以确保网站的美观或整体设计不会与内容的清晰度和准确性或网站导航的便捷性相冲突,[9] 特别是在B2B网站上。设计师也可能会考虑网站所有者或商业代表的声誉,以确保他们被描绘得有利。


用户体验设计与交互设计

用户对网站内容的理解往往取决于用户对网站工作原理的理解。这是用户体验设计的一部分。用户体验与网站的布局、明确的说明和标签有关。用户对如何在网站上进行交互的理解程度也取决于网站的交互设计。如果用户意识到网站的有用性,他们更有可能继续使用它。尽管熟练且精通网站使用的用户可能会觉得,一个与众不同但不太直观或用户友好的网站界面比较有用。但是,经验较少的用户不太可能看到一个不太直观的网站界面的优势或有用性。这推动了更加普遍的用户体验和易于访问的趋势,无论用户技能如何,都能够容纳尽可能多的用户。[10] 许多用户体验设计和交互式设计在用户界面设计中得到了考虑。


如果没有编程语言技能,交互功能可能需要插件。选择是否使用需要插件的交互性是用户体验设计中的一个关键决策。如果插件没有在大多数浏览器中预先安装,用户可能既不知道如何安装,也没有耐心安装插件来访问内容。如果该功能需要编程语言技能,那么与功能将提升用户体验的增强量相比,写代码在时间或金钱上可能成本太高。发布不可靠的功能对于用户体验而言可能比不尝试更糟糕。这取决于目标受众是否需要或值得冒险。


页面布局

部分用户界面设计受到页面布局质量的影响。例如,设计师在设计页面布局时可能要考虑网站的页面布局是否应该在不同的页面上保持一致。在布局设计中,页面像素宽度对于对齐对象也是至关重要的。更流行的固定宽度网站通常具有相同的设置宽度,以匹配当前更流行的浏览器窗口,在当前更流行的屏幕分辨率,当前更流行的显示器尺寸。在大屏幕上,大多数页面也是中心对齐的,以保证美观。


流体布局(fluid layout)在2000年左右开始流行起来,作为HTML表格布局和网格布局的替代品,在页面布局设计原则和编码技术方面都是如此,但是采用起来非常缓慢。[note 1] 这是由于设计师无法控制屏幕阅读设备和不同的窗口大小。因此,一个设计可能会被分解成单元(侧边栏、内容块、嵌入式广告区域、导航区域),然后发送到浏览器,更好的方式是通过浏览器适配到显示窗口中。由于浏览器能够识别读取器屏幕的详细信息(窗口大小,相对于窗口的字体大小等),因此浏览器可以对流体布局进行用户特定的布局调整,但固定宽度布局就不行。虽然这样的显示可能经常改变主要内容单元的相对位置,但是侧栏可以在主体文本下方而不是在其侧面上移位。这种显示方式比起不能适配设备窗口的写死的基于网格的布局要更加灵活。特别是,内容块的相对位置可能会发生变化,同时不影响块内的内容。这也减少了用户水平滚动页面的需要。


响应式网页设计是一种基于CSS3的新方法,通过增强使用CSS @media规则,在页面样式表中提供更深层次的针对每种设备的规范。2018年3月,谷歌宣布将推出移动优先索引。[11] 使用响应性设计的站点能够很好地确保它们满足这种新方法。


字体设计

网页设计师可以选择将网站字体的种类限制为仅有少数具有相似风格的网站字体,而不是使用各种字体或字体样式。大多数浏览器都识别特定数量的安全字体,设计者主要使用这些字体来避免复杂性。


字体下载后来包含在CSS3字体模块中,并已在Safari 3.1,Opera 10和Mozilla Firefox 3.5中实现。这之后人们添加了对Web字体排印以及使用字体下载的兴趣。


大多数网站布局都包含负空间以将文本分解为段落,并且还避免使用居中对齐的文本。[12]


动态图形

使用动态图形也可能影响到页面布局和用户界面。是否选择使用动态图形可能取决于网站的目标市场。娱乐导向的网站预期或至少更容易接受动态图形。然而,一个更严肃或正式的网站(如商业、社区、政府网站),可能就会觉得出于娱乐或装饰目的的动画没有必要,还会分散人们的注意力。这不是说比较严肃的内容不能用与内容相关的动画或视频演示来提升。无论哪种情况,动态图形设计都可以使更有效的视觉效果或分散注意力的视觉效果有所不同。


不由站点访问者发起的动态图形可能产生可访问性问题。万维网联盟的无障碍标准要求网站访问者能够禁用动画。[13]


代码质量

网站设计者可能认为符合标准是良好做法。这通常通过描述说明元素在做什么来完成。不符合标准可能不会使网站无法使用或容易出错,但标准可能与页面的正确布局有关,以便于阅读,并确保编码元素适当关闭。这包括代码中的错误,更有条理的代码布局,以及确保正确识别ID和类。编码不佳的页面有时俗称tag soup。只有在做出正确的DOCTYPE声明时才能通过W3C进行验证[8],该声明用于突出显示代码中的错误。该系统能识别错误和不符合网页设计标准的地方。这些信息可以帮助用户改正错误。[14]


生成内容

网站的生成方式有两种:静态或动态。


静态网页

静态网页多数为单一的超文本标记语言文件,每次请求该页面时,都会返回相同的内容。在网站设计期间内容只需创建一次。它通常是手动编写的,尽管有些站点使用类似于动态网站的自动创建工具,其结果将长期存储为完成的页面。这些自动创建的静态网站在2015年左右变得更受欢迎,其中包括Jekyll和Adobe Muse等生成工具。[15]


静态网站的好处在于它们更容易托管,因为它们的服务器只需要提供静态内容,无需执行服务器端脚本。这可以降低网站维护的工作量,并且尽量避免暴露安全漏洞。他们还可以在低成本的服务器硬件上更快地加载页面。随着便宜的网络托管扩展到提供动态功能,这些优势变得不那么重要了,虚拟服务器可以以低成本提供短时间的高性能的服务。


几乎所有网站都有一些静态内容,因为主要的辅助性资源(如图像和样式表)通常是静态的,即使在页面HTML代码几乎全是动态生成的网站上,也不例外。现今不少网站也皆倾向把动态网页静态化,从而进行SEO优化。


动态网页

主条目:动态网页

动态网页是服务器通过应用程序服务器处理服务器端脚本生成的网页。它们通常从一个或多个后端数据库中提取内容:一些通过跨关系数据库的数据库查询,用于查询目录或汇总数字信息;另一些使用MongoDB或NoSQL等面向文档的数据库来存储更大的内容单元,例如博客文章或维基文章。


在设计过程中,动态页面通常使用静态页面进行模拟或线框化。开发动态网页所需的技能比设计静态网页来得更多,因为其同时涉及服务端设计、数据库设计和客户端设计。即使是中等规模的动态网站项目,也因此通常需要团队协作才能完成。


开发动态网页时通常直接用Perl、PHP或ASP等语言。其中一些,特别是PHP和ASP,使用“模板”方法,其中服务器端页面类似于完成的客户端页面的结构,数据被插入到由“标签”定义的位置。这是一种相比Perl这样的纯过程语言更快捷的开发方式。


对于很多网站来说,“标签”方法、“模板”方法这两种实现大多数已经被例如内容管理系统等高阶的、面向应用的工具所替代。这些工具建构在一些通用的代码之上,并假设网站提供的内容遵循几种既有的模型,例如按时间顺序排序的博客、一个专题杂志或新闻网站、一个共笔网站或是一个用户论坛。这些工具让网站的搭建变得更加容易,仅仅需要纯粹的设计和内容组织,不再需要任何编程。


编辑网页内容本身(包括模版页面)既可以通过站点本身,也可以使用第三方软件完成。编辑所有页面的功能仅提供给特定类别的用户(例如,管理员或注册用户)。在某些情况下,允许匿名用户编辑某些Web内容,这种情况较少(例如,在论坛上添加消息)。维基百科是一个可以匿名修改网页内容的网站的例子。


我们凭借多年的网站建设经验,坚持以“帮助中小企业实现网络营销化”为宗旨,累计为4000多家客户提供品质建站服务,得到了客户的一致好评。如果您有网站建设、网站改版、域名注册、主机空间、手机网站建设、网站备案等方面的需求...
请立即点击咨询我们或拨打咨询热线: 15805121342,我们会详细为你一一解答你心中的疑难。项目经理在线

我们已经准备好了,你呢?

2020我们与您携手共赢,为您的企业形象保驾护航!

在线客服
联系方式

热线电话

15805121342

上班时间

周一到周五

公司电话

15805121342

二维码
线
在线留言
连云网站建设需要的六大技能和方法教程 连云网站建设需要的六大技能和方法报价 连云网站建设需要的六大技能和方法哪家好 连云网站建设需要的六大技能和方法多少钱 连云网站建设需要的六大技能和方法 海州网站建设需要的六大技能和方法 赣榆网站建设需要的六大技能和方法 东海网站建设需要的六大技能和方法 灌云网站建设需要的六大技能和方法 灌南网站建设需要的六大技能和方法 江苏网站建设需要的六大技能和方法