返回

新闻详情

如何做网页设计


来源:南京天琥设计培训学校时间:2023/10/27 11:10:47

一、需求的确认

当我们与业务沟通时,我们需要确认是,业务虽然有一定的需求需要通过网站来满足,但使用对象才能决定需求边界的范围和深度。

此时,确认我网页的信息框架好的办法就是深入业务场景,通过调研、仿真、模拟,对需求深入了解,确认我们产品的终形态,从而设计信息框架。

二、设计页面

一个合理的页面清楚的显示每个用户界面元素位于布局的位置,我们可通过以下方式来使我们的布局更加合理。

2.1 让我们的页面符合用户的浏览习惯,有更好的预测感。

具体可以参考同类网站,来找出页面上需要哪些元素与位置。

2.2 使用低保真确认页面信息

在用真实元素构建页面之前,先创建一个线框图,分析他,然后去掉哪些不是必要的东西。

进行视觉层次构建,经常使用的两种模式:F形模式和Z形图案

三、视觉设计

需要考虑页面的的元素同一性,交互信息更加符合用户认知方向,可以从以下几点考虑:

3.1按钮:

确保按钮看起来像点击的

按钮文案表达符合用户期望值。

如【提交】按钮的文案为【确认】,用户就不能明白信息的去处。

遵循一致的按钮规范

用户通常会记住网站细节,浏览网站时,他们会将特定的形状与按钮联系起来

3.2图像化

与一段精心设计的文本相比,图像更能被浏览者所接受。

确保图像与其内容相关

避免通用的人物照

可用性测试表明,通用的照片不仅建立了非常糟糕的信任感,也不会增加设计价值,更是损害用户的体验

四、测试

4.1 持续测试

测试是用户体验设计过程的重要组成部分。和设计周期的其他部分一样,这是一个持续的过程。

4.2 页面加载测试

4.3 A/B测试

当你在两个版本(如现有版本和重新设计版本的页面)之间进行选择时,A/B测试是理想的选择。这种测试方法包括将两个版本一个随机显示给相同数量的用户,然后分析哪个版本下用户更有效地完成了目标


上一篇:平面设计中的要点有哪些

下一篇:室内风水设计的要点

  咨询老师  拨打电话  网上报名