• Hello!欢迎来到网页设计学!
当前位置: 首页 > 设计理论 > 网页设计理论 > 给起始阶段网站的10条超实用设计建议

给起始阶段网站的10条超实用设计建议

.................................................................................................................................................................

如今,各类网站如雨后春笋般在全世界范围内涌现,各类人群自由表达和实现创意的空间也越来越 大,但是这类创业阶段的网站面临最大的挑战包括设计创始者稀缺,设计师经验不足等问题,却还想一举成名。一名多次目睹创业公司行为的国外设计师 Tomas Laurinavicius根据自己所见所闻提供了十条建议,供网站创业者和希望参与创业活动的设计师们参考。Tomas认为他给出的这十条建议能够帮助设计师们改善自己的设计,为未来创业的网站转型为更强大的品牌,吸引更多人,实现更大目标提供帮助。

1. 简洁

许多新创建的网站都会有大量图片、选项,设计师们需要简化网站用户界面,摆脱不必要的元素,只留下最佳内容。“少即是多(less is more)”绝对是金玉良言。同时,让网站导航系统清晰易懂,这些时候,需要遵守大众一致接受的“网络世界惯例”。

设计师需要着重考虑以下几点:

视觉层次:保证明确的视觉层次,主标题一定要比副标题显眼,重要按钮iding要在尺寸和颜色上更加引人注意。

对比:慎重对待网页颜色对比度的选择,在网页设计时,颜色的挑选不仅能够创造绝佳的视觉效果,还能够让用户轻易搞清状况。

流程:避免繁复多余的步骤,例如注册阶段对用户个人信息的收集,简化注册、购买或邀请好友等步骤的流程。

Mapbox: Mapbox网站加载界面结构简单,传递短小精悍的信息,需要用户动手的地方十分明确。

201504241136545248

2. 减少颜色

颜 色的运用在建造让人记忆深刻的成功品牌方面至关重要,但很多设计师会遭遇网站初期颜色太多的困扰。在这方面,做得比较好的是可口可乐,星巴克,脸书,推特 等等,大众只要想到这几个品牌,就立马能够想到他们的代表色。设计师的目标是使用一到两个颜色,配合以中性色调和不同图形,设计出美观网页。

Canopy: 初创网页色调运用典范,只强调一种颜色。

201504241136534979

3. 只使用两种字体

对于网站来说,字体的交流沟通最重要的工具。经验不足的设计师最容易犯的错误就是使用太多不同字体,让网页看上去一团糟。在选择字体时,设计师最好使用不超过两种字体。

Froot: Froot网站在主标题、附属文字、按钮和主导航处只使用了一种字体。

201504241136535793

4. 提升可读性

网页设计中,95%都是字体。文字是用户阅读、了解、吸收信息的事物,需注意以下几点:

对比:确保文字比背景或其他部分颜色更深。

行距:行距控制在1.5到1.75之间,保证行与行之间的“呼吸”顺畅,格局清晰。

层次:将字体系统化分类,通过抢眼的标题、副标题和特殊符号等让用户轻松地浏览信息。

Slack:Slack字体做得很好,文字可读性很强,层次感和该突出强调的地方都很到位。

201504241136566181
5. 移动端优先

根据相关统计,2014年,使用移动端的人数就超过了使用桌面工具的人数,响应式网站是全新标准。设计师要优先考虑移动端,包括在移动端上展示最重要的信息,确保用户能够在简单的界面下进行操作,注意要将动作按钮制作得尽可能明确显眼。

对于桌面版本的页面设计,要考虑强化整体体验,增加引人入胜的图片,增加留白空间和可信度。设计师们在充满创造力的要意识到,桌面版本的页面发挥空间更大。

Squarespace:Squarespace的手机版加载界面设计美观,有所有必须的主要元素,包括主标题,副标题和动作按钮。

201504241136574225

6. 进行A/B测试

精实创业的所有工作就是搭建、测试、测量以及迭代。永远不要将自己舒服在加载页面或仪表板界面的某一个版本中,设计两到三个版本并将它们交给实际用户测试。找到其中设计优良的,对其中的部分进行重复以提高转换速率。

需要测试的主要元素:

主信息文字
动作按钮
表单
图像

设计师们还可以使用Unbounce, Google Analytics, Optimizely, KISSmetrics等工具进行A/B测试。

Unbounce:设计师可以利用Unbounce对i帧及的设计进行测试,衡量效果。

201504241136513566
7. 使用美观图像

一张好的图片能抵得上一千个字,所以,预期钻研文字不如使用到位的图像吸引用户注意力。设计师们常见的误区之一就是选用的图片你必须与整体设计理念相符合才可以。首先,设计师们要确保了解自己的目标群体,创建一个设计师工作板,专门收集能够与观众有情绪交流的素材图片。

Square:Square网站利用正在出售的部分产品组成简洁的图片界面,整个图片营造出好客的氛围,传递积极情绪。

201504241136572289
8. 创建明确的行动指令

大多数网站初期是以精实方法论为基础,转换是一个尤其重要的因素,优化以实现较高转换率是设计师的目标之一。检查行动指令文字,要确保行动指令的说明文字传递出准确的信息。避免俚语,俚语看起来可能更接地气也更酷,但却会让文字更加难懂。

Pixate:指令文字字体很大,用色大胆,自然吸引用户注意。指令文字独特,以物质奖励作为指令完成后的奖励。

201504241136549892

9. 考虑终端用户

花时间了解终端用户,定义目标人群,构建典型用户资料或用户性格。为你的终端用户设计,专注为消费者带来价值。时刻记住,你是为消费者做设计,而不是为你自己。

利益大于特色。简单编程能够向消费者描述清晰的利益,体现网站价值,而不仅仅展示网站特色,也不是单方面一味传递你的公司有多好。

人们不会为你所作的买单,而是为你做这件事的原因买单。

Project Fixup:Project Fixup销售的是与人社交的益处,而不是将自己定位在“约会平台”。

201504241136553310

10. 适度增加趣味性

让你的设计情绪化。用户与你的产品互动时需要感到愉悦。

201504241148571666
玛 雅.安吉罗(Maya Angelou)曾经说过,人们会忘记你说过的话,会忘记你做过的事,却永远不会忘记你带给他们的感觉。这句话证明,人类需要与他人沟通并交流感情,同理 适用于产品和初期网站。明确目标群体,设身处地为消费者考虑,给他们带来惊喜和愉悦感,充分理解用户,向他们展现他们想看的一面。

转自:全球设计网

本文链接:给起始阶段网站的10条超实用设计建议

转载声明:本站文章若无特别说明,皆为原创,转载请注明来源:网页设计学,不可只有文字没有链接,请尊重他人的劳动成果!否则我们将追究其责任。

特别说明:本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!


...........................................................................................................................................................

相关文章

发表评论

友情链接:

  • 网页设计

专业网页设计师交流平台 设计交流QQ群: 网页设计交流