网页设计的提示和技巧

如果访问者希望继续阅读,他们会在登陆网站的四秒钟内决定。精心设计的网站可以在不添加太多图形的情况下传达创意。它不是关于强大的内容或有吸引力的设计; 它是关于卓越的用户体验和动态功能。内容和设计很难兼顾。这些提示有助于实现这一目标。

首先,请注意以下两点:

知道你是谁:成功的网页设计师有一个共同点:创造力。了解您作为网页设计师可以做些什么以及您最擅长什么。努力设计,让它们闪耀。确保您的创造力与您尝试在网站上描绘的内容相匹配。

不断提高你的技能:  设计师经常忘记练习他们的技艺。努力改善薄弱环节。随着WordPress社区竞争的加剧,您必须为客户提供最佳结果。

如何提高您作为Web设计师的表现?

真正有助于提高技能的唯一方法就是练习,但这些技巧会让你在WordPress社区中占有一席之地。

可视层次结构

所有艺术和营销的共同点是适当的视觉表现。

当访问者登陆网页时,他只有几秒钟才能进入退格状态,而网页设计师的工作就是使用清晰的层次结构在这几毫秒内与访问者建立联系。使用网页设计原则确保您的设计按照简单的内容组织和结构化。

视觉层次结构是一种视觉安排,可帮助用户最好地感知页面并与页面进行交互,以便他们轻松跟踪存在的小块内容。例如,您可能听说过F模式。

F模式的工作原理是共同的。用户从上到下扫描博客页面并暂停标题或图像。这种眼球运动产生F图案。如果您以 F图案格式显示重要信息,您的内容将获得更多的目光  。

保持Photoshop结构化

Photoshop是一款功能强大的工具,可以让您的图像看起来更专业,或更好地适应您的品牌。如果您正在使用Photoshop,则应该为不同的图层添加适当的描述,以便为将来的图像保存。此外,删除额外的图层,如果没用。尝试将所有文​​件放在一个公共文件夹中并正确命名。从长远来看,做这些简单的事情可以节省您的时间。

永远不要浪费任何时间你可以睡觉。-坦率。H.奈特

考虑字体和空格

在创建视觉和语义设计时,正确的字体非常重要。如果您不确定正确的调色板,可以使用类型转换等工具。由于设计社区有如此多的变化,您可以找到Font Squirrel或Google Web Fonts的免费字体。

这似乎是一个普遍的想法,但事实并非如此。我访问了许多网站,内容很棒,设计很棒,只有一点空白。简单干净的页面比填充内容的页面更好; 你不需要填写页面的每个部分。添加空白区域将使您的内容更易于阅读,从而吸引访问者。

使用引人注目的图片

图像是每个网页设计的灵魂。网页设计师使用高质量的图像来制作有吸引力的设计,但许多人做错了,特别是对于着陆页。

在设计添加图片的页面时,请使用BII规则。它说:你的形象必须完成三件事之一:Brands,Interact或Inform。

人类的大脑已经发展到选择图像而不是内容。你的形象必须说明一切。

使用CodeKit和FitVids节省时间

刷新浏览器以查看更新的设计是旧学校。使用CodeKit等工具查看页面更改而不刷新。这样可以避免无限制的浏览器刷新。

FitVids是一个很好的工具,可以帮助解决视频嵌入问题。可以使用HTML 5轻松嵌入视频,但网页设计师也需要寻找其他内容,例如响应视频大小调整,而jQuery插件FitVids对此有很大帮助。

减小尺寸以加快设计速度

没有人喜欢等待网站或图片加载。优化文件很容易,因此处理速度更快。以8位PNG格式导出文件可缩短处理时间。您可以使用WPsmush或下载免费的Shrink-O-Matic工具。Photoshop是手动调整大小的好选择,但在有限的时间范围内则不行。

利用A / B测试

每个开发人员都应确保他们所做的更改得到很好的接受。

最好的方法之一是A / B测试程序。在这个过程中,你提出了两个设计,并同时说两个登陆页面,并研究知道哪一个执行或转换更多。您可以使用WordPress A / B测试工具来帮助您。

找不到工作?

不要让缺乏工作会降低您的网页设计技巧。继续练习新的和有创意的网站设计。通过与运球等设计社区分享工作来激励自己。

一旦你建立了创造力的信心,你就可以开始在Coroflot上找到一些工作。如果您还处于初级水平,请尝试在这些地方找一些工作。

结论

保持您的设计简单,简约,平滑的冲浪。虽然这些是一些选定的提示,您可以随时尝试其他想法。例如,在您的网页设计中添加Moodboards,它永远不会过时。如果您正在为客户工作,请创建原型以向他提供您工作的图片。

说点什么

500