【编者按】网站怎么□□做？这可能是□□□客户向网□□□站设计师□□□□提出来的□□问题，因为外行□□□□不懂内行。这也可能□□□是设计师·向自己提□□□出来的问□□□题，因为每一□□个客户都▼不同，不同的客◉户需要不□□同的解决□□方案。为了答疑□□客户、为了点拨□□设计师，OETY欧亿□□推出“HOW TO”系列文章。
 

杀手，不问过程，只求结果。追求简单、高效。
这与响应□□□□式网站的□□□追求目标，有一些相□□□似。响应式网□□站不花哨、简单，但是如果□□设计和推□□□广得当，往往能够□□□获得不小□□的流量。
而响应式◣网站最为□□□关键的页□□□面就是首◈页。根据我们◢的判断，响应式网□□站的大部□□□分信息都☆可以通过□□□首页获得。所以，设计出“杀手级”的响应式□□□□网站首页，就非常重□□要。
如何做呢？我们提供一些思路。

布局整洁 易于浏览

保持响应式网站首页布局干净整洁是至关重要的。
如果网站□□□访问者看□□到过多的☆信息和图□□片，他们往往◤会感到不·知所措。如果网站□□内容是经□□过深思熟□□虑和整齐□□的，访客会解□□决企业有□□□条理，并且专业。
建议：选择一个□□简洁、易于浏览□□□的布局。确保你所♦有最重要□□的内容和□□□图片都放□□□□在你的观□□众最有可□□□□能看到它□□们的地方。
避免：避免你的□□主页上有□□太多的图□□片、图标、剪贴画、横幅、没完没了□□□的文字等□□□等。没有人想□□□要凌乱的◢页面。

高清图片 胜过万语

一张图片胜过千言万语，对吗?
对于你的□□□网站首页□□来说，这句话很♦对。照片有能□□力让你的◇访问者知△道你和你□□□的网站是□□关于什么□□□□的、是干什么□□的。
如果你没❖有高质量□□□□的照片，你可以从□□一些专业□□□□图片库中□□□选择。但是，要注意图□□片版权问□□题，避免因为◤版权而被□□投诉。“视觉中国”事件，就是一个□□□□借鉴。
建议：使用高分□□□□辨率的照□□片，让你的用□□户想要看◢到你网站□□的其他页□□□□面。没有什么□□比一张质□□量差的照▲片更不专□□□□业的了。
避免：没有必要□□□□把你拥有□□的每一张□□精彩的照◢片都添加□□□□进去。几张高质□□□量的图片□□就足够了。

配色方案 背景烘托

导航按钮□□□□的颜色、不同板块·的颜色、主色调和□□□辅助色调，这些都属□□□于配色方□□□案的内容。
配色方案◉的确定，还要考虑□□□到背景色，让背景色□□□与配色之□□间有明暗、虚实的变□□□□化。
这样的响应式网站会给人大气之美。
建议：配色方案和背景可以很好地配合，加强你的品牌。
避免：避免添加□□□□过多的颜□□□□色，不要选择□□□一个会从□□□□你的主要□□□图片和文✦本中转移□□□焦点的背△景。

优化按钮 清晰简短

不是每个□□□□主页都有□□或需要按□□□钮，但如果你□□□想使用它□□□□们，你应该正□□□确使用它□□们。
您的按钮，或动作调●用(cta)，是通往其□□□他页面、网站、促销项目、产品库等□□□□的入口。如果你的□□目的是让□□人们采取□□□□行动并点□□□击，你就必须□□□让他们具□□有吸引力。
建议：让CTA的措辞尽□□可能的清·晰和简短——尽你最大□□□的努力把□□□□它控制在4个字以内。
避免：尽量不要□□□让你的CTA看不见。如果你想□□□让人们点□□□击，不要忽视□□□□位置的重◎要性。

更新内容 保持新鲜

没有好的文字的首页，显然是不完美的。
你的首要◇目标应该□□□□是确保网▲站访问者□□立即了解□□□□你的网站□□□是关于什□□□么的。但是记住，允许访客□□□在网站的□□□□其他页面□□□□上找到更□□多的细节，所以没必□□□□要在首页□□□撰写的过□□于详细。
例如：在你的主▼页上写一◎篇关于你□□□□自己的个□□□□人简介，当你有一◆个单独的□□□标题为“个人简介”的页面时，这是重复□□□的。忘乎所以※地写一些□□□过于描述□□□□性的段落□□□□肯定会让□□□你的用户♦感觉很沉□□闷。
建议：让你的内△容保持新□□□鲜和及时。这样做会□□□让读者知□□道你的网□□□站是最新□□□的和可靠□□的信息来□□□源。
避免：不要因为□□□□过多的细□□□□节或不必◢要的重复□□而让访问□□□□者失去注□□意力。