|网站设计需要注意哪些细节？

1.确定你的客户浏览网站的目的营销工具永远要从消费者的角度思考，当消费者使用电脑跟手机的地点、目的不同时，我们也要赋予电脑、手机版网站不同的功能。

首先，确定客户用手机查询你的信息时，最想看到什么，就是网站的重点，同时也是决定要做响应式网页的重要关键。

	计算机版（用户33%）	移动设备（用户67%）
使用地点	固定位置（家中、办公室）	任何一个可以行动上网的地方（捷运、厕所、咖啡厅、机场、卧室...）
浏览重点	1. 首页风格与照片 2. 房型、房价 3. 可订房日期 4. 优惠方案 5. 交通方式 6. 邻近景点 7. 其他	1. 电话 2. 地址（位置、交通时间） 3. 房型、房价 4.网站风格与照片
阅读动线	首页→房间介绍 & 房价→在线订房→最新消息→交通位置...	搜索：首页→打电话点击他人分享链接：优惠信息或首页→房型→打电话

2.重新思考浏览动线从网友要看的重点中，就能重新思考并安排整个网站的浏览动线。
除了电脑版页面之外，也得把移动设备考量进去。因为移动设备的屏幕尺寸较小，每一个放置的元素都必须是万中选一的重点，一点空间都不能浪费。审慎安排每个重点的位置，如电话、地图、产品信息，可以缩短网友寻找资料的时间。
3.简化、简单但绝不能简陋考虑于手机、平板这些移动设备的屏幕比电脑小，处理效能也不一定比电脑好，因此网页设计必须要简单，尽可能缩小网站页面，才能缩短网页加载的时间，即使在3G环境下也能顺利浏览。
但是简单不代表简陋，少了华丽特效还要能吸引网友目光，才能考验网页设计师的真工夫。透过CSS3技术，可同时兼顾网站美学与页面大小，让响应式版网站兼顾品牌形象的营造。
4.直式设计，舍去横向卷轴搜索引擎应用户导向，移动设备阅览率（67%）远大于电脑（33%）的前提下，调整利于移动设备的算法。故，为方便在有限的移动设备画面上阅读并操作网页，响应式网页应采直式设计（单栏式设计），并舍去横向卷轴。只要往下滑，就可以看完所有资料。
5.加强导览功能阅读文章时要从最后回到顶端还挺麻烦的，因此让单元列与分类清楚好找，可以加强导览功能、减少滚动画面的频率。
另外回到首页回到上一页的导览功能键也很重要，必须清晰、易点选。
6.以触控屏幕为出发点手机、平板上的按键、超链接若没有1个食指尖大（约44px），将会是一场永远都点不到的悲剧。
鼠标移到按钮上可以触发某些功能的特有效果，在手机上也绝对要舍弃，因为手机只能点击，没有hover的特效，像下拉菜单、鼠标移过去变色等效果都需舍弃。
7.视觉反馈是细节也是重点不只要让按钮更大、更明显，让网友在点击时可以看到按钮的颜色变化，可以让网友知道他已经点击成功，能避免网友重复点击。
加载网页时呈现loading画面，让网友知道网页正在加载，也能避免网友重复点选、延迟加载的时间。