网页设计有时会显得有些炼金术,特别是对于没有经验的人。尽管初学者通常可以识别出良好的设计,而不是劣质的,但很少会从头开始构思完美的长生不老药。为此,今天十七就来和你们说说这网页设计要素:网页设计的6大基本要素
网页设计的6个关键组成部分
好的,现在我们可以开始学习有趣的内容,例如颜色,版式,号召性用语和导航。每个设计师和网站所有者可能会采用不同的方法来构建网站,但是要考虑到项目和概念的标准清单。
当然,尽管有公认的设计原则,但网页设计的美在于它是一种艺术形式,而不是一门科学。好的设计在人群中脱颖而出,但是如果您没有按照自己的意愿进行,则要确保您承担的风险是经过计算且可逆的。
现在,该花点时间在该写生本上翻页并开始设计!这是您要确保正确使用的六个重要设计元素。
1.整体布局和外观
当然,您网站的整体外观是网页设计的关键组成部分。我们正在使用这些笼统的术语来涵盖您希望访问者产生的一系列反应。第一印象至关重要,因此,您希望在页面加载后立即吸引观众。用户仅用50毫秒就可以 对您的网站或企业发表意见,这将决定他们留下还是离开。
这意味着您的设计应该与一些令人舒缓的形容词保持一致:它应该简单,熟悉,直观,整洁且易于使用。使用大量的空白(或填充和边距)使站点空间的元素能够呼吸,并使用基于网格的设计使设计项目保持井井有条。
优质的摄影作品,图标或图形可为您的文本提供补充信息,但请确保图像相互补充,并确保您要代表的品牌。
网站的每一部分都应根据您要为其分配的视觉层次结构进行放置。无论您是针对F型还是Z型,您都可以根据您的设计引导访问者的眼睛和行为。两种模式都强调您网站的顶部水平区域,也就是大多数设计师在其中放置品牌徽标,导航以及搜索框的位置。所有这三个要素都会激发品牌知名度和用户互动。
2.配色方案
最后,一旦开始阅读,您可能最期待的元素。您的调色板和字体将直接告知访问者对您站点的意见,这是大多数新手设计师开始的工作。相信我们,到目前为止,您所做的基础工作将为您带来比仅Roy G. Biv更大的成功。
至于选择配色方案,请注意您的品牌或行业观点以及目标受众的人口统计信息,这将使此过程变得很轻松。一直在寻找方法来缩小您 的视线范围,从眼睛可以检测到的大约700万种可辨别的色相中。
例如,律师和会计师通常最好搭配深蓝色或绿色来表示专业精神,而摄影师则可能希望依靠黑白来真正展现其图像的活力。除品牌行业外,还应注意读者的期望:新生儿的父母会喜欢柔和的粉红色,蓝色和黄色,而儿童则希望鲜艳的原色。青少年和年轻人都很勇敢,大人和祖父母则更加精致和成熟。
选择主要颜色后,请考虑要使用哪种调色板。如果您希望观众将特定内容或按钮归零,或引起特定类型的互动,则需要色轮另一侧的互补色。我们花费了整篇博客来探讨颜色选择,因此请继续 寻求更多帮助。
3.版式
通常,对于您选择传达的信息而言,版式或字体通常可以说是相同的行业和人口统计学原理。更正式的角色,例如那些律师和会计师,可能会希望使用杰出的衬线字体(在字母的末尾会悬挂多余的字体),而我们设想摄影师将使用非常轻盈且通风的无衬线字体(没有额外的位)字体。
与网站的整体设计和布局一样,您将需要在常规与新鲜之间取得平衡。
您的文字应易于阅读,这通常意味着正文应至少为16像素。使用补充字体非常适合标题或重音,但不要超出三种字体或不必要的大小调整。当然,您需要确保文本和站点的背景色之间有足够的对比,这通常意味着将浅色与深色调配对使用-避免刺眼的红色字体-绿色背景。
4.导航
您网站的导航不是一个有创意的空间。首先,不要陷入过度动画的悬停效果和复杂的多层子导航的陷阱。导航元素(可以存在于网站的页眉,正文和页脚中 )只是用来将您的访问者尽快地引导至他们所需要的信息。
在页面顶部,网站所有者将面临一个重大的两极分化的设计决定:汉堡还是不汉堡?汉堡菜单由三条平行的水平线表示,通过隐藏导航栏提供了一种节省空间的经济方式。但是,它掩盖了访问者的重要信息和互动,并且点击率较低。
强大的导航功能超越了标题中的主菜单。例如,对于冗长的,滚动繁重的或一页的设计,您可能需要包括方向箭头,以帮助引导用户浏览每个部分。大多数站点还将通过添加一个粘性的“返回首页”按钮而受益。
最后,不要忽略页脚导航菜单。用户的滚动趋势往往会超出您的预期,有些品牌甚至以优化的页脚见证了多达50%的转化。如果读者停留了足够长的时间才能到达首页或登录页面的末尾,他们将需要其他地方去做或要做其他事情,例如注册您公司的电子邮件更新。
5.内容
正如室内设计师在粉刷墙壁后不会停下来一样,一旦选择了布局,配色方案,字体和漂亮的选择元素,您就不会完成。是时候带上沙发并将全家福挂在墙上了-通过关注消息与设计的交互方式。
您的网站访问者和潜在客户希望迅速获得信息-您的品牌值得信赖吗?有经验的?能够提供一流的产品和服务?考虑到人们的注意力集中时间短,闪电般的第一印象,清晰的沟通至关重要。信息应易于阅读和消化。
仔细看每个单词:您真的需要吗?效率是关键,因为多余的言语可能会阻碍品牌的主要卖点。使用标题和显示文本来组织各个部分,并迅速让读者知道您所提供的信息。与其使用冗长而冗长的句子,不如将长列表分成有序或无序列表。只是想简短而甜蜜!
就内容而言,不要忘记浏览博客或主页。确保您的“关于”和“联系”页面采用适当的语气并传达正确的信息-例如,生活方式博客作者将希望分享她的个人和家庭旅程,而房地产经纪人可能会更专注于专业成果。
6.不要忘了手机
2019年底,移动网络流量超过了桌面流量,并且没有放缓的迹象。为了更好地服务于通过手机或平板电脑访问您网站的访问者,百度已经引入了移动优先索引 来对搜索结果中的网站进行排名。面向移动设备的网站不再只是一个不错的时髦功能,而是必不可少的。