媒体入驻
提高网页设计技能的 13 个快速技巧
hubspot
2024-11-15 10:24:01 453

提高网页设计技能的 13 个快速提示 p>

设计公司网站可能是一项具有挑战性的任务。您必须兼顾许多利益相关者的期望,并且经常会遇到阻碍新想法出现的障碍。

我在一家大公司网站担任设计经理近六年,在那段时间里,我发现自己失去了对目标受众真正需求的认识。  称之为“隧道视野”。当您在同一个网站上工作时,退一步思考新方法通常会有所帮助。这就是这篇博文的目的。

以下是创建出色网站设计的一些提示、技巧、快捷方式和一般建议。您可以尝试其中任何一个来将您的网页设计提升到一个新的水平吗?

1)用灰色阴影进行设计,然后添加颜色

如果您的网页设计师在视觉设计之前创建线框,那么您就知道从灰色阴影开始的价值。  将您的线框转变为灰度视觉设计,添加您的摄影,然后一次仔细地为设计元素添加颜色。  

这将防止网站“过度设计”,并有助于仅突出需要它的项目。

2)使用Keynote(Mac)快速创建页面原型

您不需要 Photoshop 即可创建网页、登陆页面、号召性用语或其他 Web 界面元素的快速原型。  围绕使用 Keynote(Apple 版本的 PowerPoint)创建模型有一个完整的地下运动。

Keynote 中甚至还包含用于线框图、原型设计以及测试移动和网络应用程序的用户界面设计模板。

3) 将网络字体添加到您的企业风格指南中

现在是 2015 年,如果您的公司风格指南不包含网络字体,那么您需要考虑添加这些字体,以便您的网站具有与公司文档和抵押品确实如此。

如果您还没有研究过这一点,那么这是一个很好的起点。找到合适的网络字体并在公司风格指南中定义用法,以便您在网上一致使用它

4)埋葬那些社交媒体图标

您做了所有工作来吸引人们访问您的网站,但您却邀请他们离开?当您将社交媒体图标放置在网站的显着位置(例如标题中)时,您就会这样做。将图标埋在页脚中。

如果人们访问您的网站,您希望他们留下来、了解并可能询问您的服务,而不是查看 Facebook 上的公司野餐照片和保龄球郊游。社交媒体应该将人们引导到您的网站,而不是相反。

5)放弃幻灯片/轮播

当主页幻灯片/图像轮播开始流行时,这是一种在网站首页获取大量信息的方法。问题是大多数人在页面上停留的时间不够长,无法体验所有图块/消息。  

更重要的是,这些消息和图像通常与潜在客户的第一次访问无关。访问者应该从网站访问中带走什么?宣传一件事——通常是你的公司用外行的话来说所做的事情——然后放弃其余的。

6) 简化导航

减少访问者的选项可能看起来违反直觉,但它实际上可以帮助引导人们访问您最有成效的内容。不要用每个页面的链接淹没您的网站访问者,而是简化您的导航。

消除下拉菜单,尤其是只有最熟练的鼠标用户才能导航的多层下拉导航,并进一步减少网站标题或侧栏中的链接数量。

7) 删除​​侧边栏

侧边栏在过去十年中一直是一种特别流行的网页设计趋势,尤其是在博客上。许多公司发现,当他们从博客中删除侧边栏时,我鼓励读者关注文章和最后的行动号召。

删除公司博客上的侧边栏后,号召性用语图形的点击次数增加了 35% 以上。

尝试通过查看 Envato 市场上的新内容来实施此策略。

8)从大自然中获取色彩灵感

正在努力寻找适合您的网站或号召性用语图形的完美颜色组合?从大自然中获取灵感。您可以使用自己的相机拍摄周围的自然奇观,也可以在网络上查找风景照片,然后使用颜色选择器选择颜色。大自然的调色板永远不会失败。

9)远离电脑

我相信好的设计始于出色的规划。将您的想法写在纸上或白板上可以帮助您迭代设计、完善设计并在设计过程中添加细节。在白板上绘图还可以使设计过程具有协作性,并允许其他团队成员提供意见输入。

还可以轻松地从纸上擦掉铅笔或从白板上擦掉记号笔并进行快速更改,一旦您有了具体的工作内容,就可以用手机拍张照片并在屏幕上开始工作。

10) 使用 Pinterest 创建情绪板

当您为新网站收集灵感和想法,或者重新设计网站的一部分时,您需要一种方法将灵感收集到一个地方以供将来参考。

您是否知道可以使用 Pinterest 创建您最喜欢的图像、颜色、布局、图案、示例网站和概念材料的情绪板?使用 Pinterest 的另一个巨大优势是其他设计师也可以创建和共享情绪板,并且他们已经策划了大量可供您使用的资源。

11)增加字体大小

排版在网页设计中非常重要。文本在计算机屏幕上很难阅读,因此您必须突出重要的内容。

一种方法这样做是为了增加字体大小,尤其是标题和重要文本块。也考虑增加普通字体的大小。

12)使用空白

可能很难相信使用空格是一种黑客行为,但我每天都会评估可以使用更多空格的网站。并非屏幕的每个空白区域都需要填充。

尽管空白和简洁现在很流行,但太多公司试图将所有内容都塞进一个小空间,或者更糟糕的是,“在首屏”。  给您的设计空间以呼吸,您的网站访问者将能够更轻松地找到东西。

13)使用斜视测试

想要快速了解您网站上最突出的内容吗?远离电脑屏幕并眯起眼睛。  大多数东西都会变得模糊,只有更大、色彩更丰富、更突出的特征才会被注意到。

据说这种技术可以帮助设计师了解首次访问者在访问时可能会注意到什么扫描您的网站。访问者会注意到什么是最重要的吗?

虽然这是一篇关于小设计技巧的大型博客文章,但我确信您有一些我在这里没有想到的技巧。你最喜欢的设计技巧是什么?为什么不在下面的评论中分享呢?让我们看看您可以添加多少!

 

来源:hubspot

关键词: 海外营销
分享到:
发表评论 文明上网理性发言,请遵守国家相关法律
评论列表
加载更多