翻译自一张外文图表，出处如下：http://sixrevisions.com/infographics/69-web-design-tips/
虽然图表里都是很简单的英文，但我花费一点点时间翻译它们能使得你们很清晰明白作者的意思。
设计阶段Design：
1、调查（Investigate）：弄明白谁是你的目标受众和他们所期望的东西；
2、有限的色彩（Limit colors）：不推荐在你的网站里使用的颜色数量多于2~3个；
3、标志（Logo）：标志是你品牌中主要的部分，是别人识别你的品牌的关键点；
4、文本校对（Text contrast）：访问者更想要看到正确的文本内容，而不是出错的内容；
5、极端（Extremes）：确保你的网站一直安全；
6、设计顺序（Design order）：让事情按序而来；
7、使用网格（Use a grid）：优选是使用一个12-列的网格；
8、简单化（Simplicity）：在你的网站应该仅仅显示最本质的元素；
9、趋势(Trends)：紧随最新的网站设计趋势，但是不要过度使用趋势；
10、要原创，不要买主题（Be original，don't buy a theme）：你总是希望你的网站是独一无二的;
11、测试你的设计（Test your desings）：在你将你的网站展现在你的用户之前，先彻底测试过。
用户体验User experience：
12、五秒法则(Five seconds)：你有5秒的时间让用户清楚的明白你的意图；
13、响应式设计(Responsive design)：越来越多的人使用平板电脑，智能手机、电脑和手表去访问网站；
14、导航（Navigation）：导航是网站中最重要的部分之一，因为它指引访客快速的去到他们想去的页面；
15、滚动VS点击(Scroll vs click)：滚动允许你指引你的访客通过一个必然的故事。（这里翻译得不是很清楚，欢迎大牛更改：原文：Scrolling allows you to guide your visitors through a certain story）；
16、流程（The flow）：向你的目标受众提供一个清晰的网站流程使得他们不需要去想下一步做什么；
17、去除混乱-整理干净（Remove clutter）:一些网站的元素一开始显得很有用，但仅仅是相对一些分散的访客（不是相对主要用户的意思）；
18、不可回避的按钮（Unavoidable buttons）：尽可能的使你网站上的按钮精致，有吸引力，容易引起人们注意；
19、可读字体（Readable fonts）：确保那些网站上的字体无论在什么设备上访问网站都能够容易的辨识；
20、思考区域性（Think local）：让访客明白你网站上的所有东西是你想要达成的目的（换句话说，就是来自不同地区的人们访问你的网站都能明白你的网站上的东西到底在说什么）;
21、呼吸的空间（Breathing room）：访客需要时间去消化他们所阅读的信息，不要将下一部分的内容马上呈现到他们面前（换句话说，在各个元素之间需要喘息的空间，使得读者能够消化上一部分的信息再去阅读下一部分的内容）;
22、可用的链接（Working links）：确保你网站上所有的链接是可用的，包括内部和外部的链接;
23、链接本文/锚（Link texts/anchors）：在你网站上的锚点需要提供一些关于他们点击后去到的页面的快捷信息（换句话说，你网站上的锚点需要提供给用户你这个锚点所去之处的信息）；
24、外部链接（External links）：通过使用targer="_blank"让你的外部链接开启在一个新的窗口中（换句话说，不要让你的外部链接覆盖当前访问页，应该新建一个窗口，博主认为新建一个标签页是最好的方法。）；
25、短的form（Short forms）：尽可能的少使用form fields，避免验证码；
26、自动完成的form（Auto-complete forms）：允许forms通过浏览器自动完成；
27、接收短信息(Message received)：(这条跟16一样，正等待图表主人的更改)；
28、联系信息（Contact information）：添加联系信息在你网站中每个form的旁边。
内容Content：
29、有限的页面(Limit pages)：确保你的网站不会有太多页面，仅仅留下一些必需的页面；
30、首页（Homepage）：首页仅仅是一个门口通往其他的页面，那些才是访客关心的页面；
31、内容第一（Content is king）：如果你不能清除明白的与访客传达你想要传达的信息，那你的网站将会失败；
32、消息（Messaging）:不要用大长段的文字去淹没你的访客；
33、图片（Photography）：一张图片往往能比一千字的文本表达更多的东西；
34、视频（Video）：最好的方式之一去解释你的产品或者装置是一个视频；
35、保持新鲜（Stay fresh）：给访问者一个你的网站的印象—你的业务是一个活跃的业务，通过定期更新您的网站
36、博客（Blog）：一个博客是一个最好的方式之一去让你的网站看起来积极，并且它可以允许你去展示你知道你在谈论什么；
37、社交媒体（Social media）：社交媒体是一个很好的方式去产生一个忠诚的受众，他可以成为你品牌的广告；
38、受众（Audience）：仅仅关注那些访问你网站的目标受众；
39、拼写（Spelling）：无时无刻要确保你网站上的拼写是正确的；（博主觉得这是对于英文网站来说，而对于中文网站，就是确保你的字是正确的）
40、向上折叠（Above the fold）：向上折叠这部分的内容是你网站中最重要的部分；
41、终页面（Landing pages）：将你的每一个页面都设计成最终页面的样子；
42、搜索引擎优化（SEO）：在你创建一个新网站的时候，在你的脑海里牢记保证你的搜索引擎优化；
43、排名（Ranking）：页面在谷歌里有排名，而网站没有。（博主也没有理解该段英文意思。。。）
发展development:
44、内容管理系统（CMS）：学聪明点，别浪费时间去建立一个内容管理系统
45、安全（SECURITY）：确保你的网站一直很安全；
46、利益（BENEFITS）：一旦你不顾你访客的利益了，那么你之前所有的辛苦都白费了；
47、学习（LEARN）：保持学习的状态，去学习最新的技术，工具等；
48、研究（EXPERIMENT）：开始研究新的事物，建立一个博客，通过博客去记录你所学习的东西（像博主现在这样）；
49、外包（OUTSOURCE）:设计网站然后将代码交给专业人士去做；
50、清洁和评论（CLEAN AND COMMENTED）：这条提醒在任何工作中都有用——工作整洁并且有组织；
51、速度（SPEED）：访客退出你的网站的最大原因就是网站加载太慢了；
52、图片（IMAGES）：有图片的网站比一般的网站显得更好看并且具有更好的亲和力；
53、特殊效果（SPECIAL EFFECTS）：特殊效果往往会分散访客的注意力，使他们不再关注网站的内容；
54、滚动视差（PARALLAX SCROLLING）：尽量简单，少用；
55、粘贴页尾（STICKY FOOTER）：页尾需要一直在浏览器的底部；
未来Future：
56、测试和更新（Test and update）：一旦你完成了你的网站并且你的访客开始找到它，没有时间是可以放松的；
57、向别人学习（Learn from others）：分析你所有的对手并向他们学习，同时对于其他行业也是如此；
58、领导人的方式（Lead the way）：在今天，一个行业的领导者是一个懂得分享经验和知识的著名的商业人；
59、保持（Keep up）：不论你超越你对手多少你都要保持你的在线工作状态；
60、可穿戴技术（Wearable tech）：你的品牌和商务也许将会从一个新的技术中获利，所以保证你的网站做好准备。
别做这些Don't do this！
61、FLASH（Flash）：无论你想用什么创建一个FLASH，使用普通的老的HTML,CSS和JS；（我也没明白。。。）
62、突然冒出突然消失（Pop ups and pop unders）：这会恼怒大多数人；
63、自动播放（Auto play）：当访客没有对其进行操作时，视频和音乐却自动播放了，这通常会使人恼怒；
64、广告（Advertisements）：每个页面不要使用超过3个广告，这会使得访客注意分散并且因此恼怒；
65、轮播和滑块（Carousels and sliders）：轮播图片会让访客以你想象不到的速度点击后退按钮；
66、老技术（Old tehniques）：花费更多的时间在弄明白HTML5和CSS3的基础技术上，不去使用一个框架和表格；
67、GIF图片（GIF’s）：这是个好东西，但别用在不该用的地方；
68、大写字母（CAPS）：这让访客觉得你在对他们尖叫；（意思就是，在内容中不要用全大写，会让人有压力）
69、下划线（Underline）：仅仅对链接使用下划线，对于一般的词和句子不要使用。
博主语：大家如果觉得我翻译不准确的可以在评论给出合理的翻译，我会虚心学习并将其更改的，谢谢~
浙公网安备 33010602011771号