之前我们曾经有分享过常见的网页设计错误分享，不知道大家是否还有印象呢？现在的网页设计者可以参考的资源很多，也有更好的工具可以辅助设计，如今网页设计师的水平普遍不会犯下过去十年前常见的错误，例如字体的滥用或是图片解析度不足、图片过大等滥用情形，现在都已经很少见了。 现代的网页设计变得更为简单、轻鬆吗？其实这也未必，因为现在的设计网站多以响应式网站的方式进行，要顾虑的不仅是网站看起来要丰富、要内容，还要顾及是否可以于智慧手机平板上正常运作？是否能够达到ThinkWithGoogle针对网站优化的要求…

许多设计师关注网页设计的宽度，但是网页的长度却很少人提及。关于网页长度的论点不多，早期曾设计师提倡：网页就像是一个有图文的媒体，不要捲动画面的前提下，可以让人一页看完，就是最好的网页设计。 不过随着手机等智慧装置的问世，这样的设计论点就已经不再被提出了，因为在手机的环境下，要一页显示全部的内容是几乎不可能的，加上手机捲动网页也远比滑鼠简单，因此网页最适当的长度就任凭设计师们自由发挥，尤其是网页的底端非常适合做当作次要选单，让网页的长度几乎无止尽的不断的延伸下去。 来到2018年，手机优先的设计有…

现代人每天使用网路的时间越来越多，不论是吃喝玩乐都会常常透过网路来搜寻相关资料，也因为线上付款的方便简单，网路购物的情况也是越来越频繁，小从电池大到家电都有人在网路上购卖，使的越来越多人前仆后继的迈进网路这个巨大市场。 在进入网路时最好有自己的一个网页，放上最想呈现且最具吸引力的资讯，吸引着消费者前往观看进而购买，而在考虑製作网站时，相信在询问製作时都会听到一个名词-RWD，而这到底是什么呢? 响应式网页设计(Responsive Web Design)简称RWD，又称适应性网页、自适应网页设计…

  Google积极的鼓励网页设计公司，以及正在製作网站的公司，一定要将行动用户的需求考量进去，鼓励设计师多使用新的网页设计技术，例如HTML5与RWD的组合，反之，使用老旧技术的网站如Flash就会受到限制与惩罚。   要如何得知你的网站是否行动友善，其实Google已经推出了很多工具，这一次他们做出了一个更炫的网站：Think with google，让使用者可以透过Google的角度，来看看自己的网站设计是否合格。   Google 网站设计三大分析工具 分析…

电脑萤幕的解析度一般来说多半为1920×1080，而尺寸多半以22-28吋为主，不太容易呈现出网页设计的完整全貌，如果要一一观看每个网站的网页设计风格，可能会花上许多时间，这还不包含网站页面读取的时间，找寻网站的时间等。 最近我们网页设计的同事找到了一个很不错的网站LAPA，使用了tumblr的网誌服务所製作的，于2015年6月正式营运，收集了许多最新的网页设计作品，而且最特别的地方在于，他们所收集的目标为首页(Landing Page)的完整页面为主，因此你可以看到所有所撷取的网页设…

越来越多手机网页设计的技术推出，例如HTML5与RWD设计都已经十分纯熟，但为何手机开启网站的速度越来越慢？根据英国BBC报导指出，手机网页浏览越来越慢的最大元兇在于无所不在的广告。 报导指出，当使用手机观看一个媒体网站，会出现多达40％与主题毫无相干的内容显示，有些是动态图片，有些是遮蔽式广告，更糟糕的是有些媒体广告居然自动载入影片播放于智慧手机上。影片往往比图片佔用了更多频宽，也可能会连线到其他网站，让网页的读取更为缓慢。 即使今日智慧手机的处理器性能已经大幅提昇，观看影片不成问题，但是频宽…

美国联邦首席资讯长最近发表了美国网页设计标準(U.S. Web Design Standards)的网站，规範出日后政府的网站，应该遵循文件的原则，製作出对人民有帮助的网站。 即使美国联邦资讯处的网站目前看起来十分老旧，整体设计与功能停留在好几年前的标準，这一次他们发表的设计标準文件，却有很大的影响力，主导了今后美国政府机关网站改版需要遵循的规则，以下为这一份文件的大纲： 简单就是美 这一份文件的标準告诉网页设计师，使用简易的开发工具，製作最丰富的内容，就能够成就一个理想的网站 高可读取性 为了…

早在2015年初，马路科技iWare就已经掌握Google即将调整搜寻引擎，优化行动装置搜寻资讯时，将行动友善的网站排名优先呈现，也就是所谓的「行动友善」(Mobile Friendness)政策。从2015年5月开始，透过手机Google搜寻的结果会优先显示出能够正确显示在手机呈现内容的网站。 直到政策实施的前几天，各大媒体才开始关注这样的趋势，认为这将会大幅改变搜寻引擎与网页设计的生态，也代表行动友善的网站，不论是行动网站(Mobile Web)或是响应式网站(RWD)都会成为新的趋势与竞争…

适应式网页设计英文全名为Adaptive Web Design (AWD)是网页设计的另外一种技术，大致上与响应式网页设计Responsive Web Design (RWD)相近，但有几个关键的设计差别，使得AWD比较不受到重视。 关键的差别在于适应式网页设计主张行动上网的用户，基础的显示必须要正确呈现，但进阶的功能应该受到限制，所以行动用户所看到的不仅是排版上的差异，连内容都有受到限制。 举例来说，基本的文字与图片的显示都应该于适应式网页设计上正确呈现，但CSS视觉排版与Javascript…

提昇政府行政效率，是每个国家与政府努力的方向，而网站正是提昇效率的重要建设。随着行动上网人口的增加，政府的网站也需要符合人民使用手机、使用平板电脑的习惯，因此各国早已经着手计画将政府网站以响应式网页设计的方式製作。 重视视觉设计，创意十足的英国也是积极引进响应式设计的国家之一，他们在更早的2012年期间所发表的”政府数位服务”部落格文章中，就已经开始讨论响应式网页设计的重要，至今大部分的英国重要政府机关，已经採用了新的响应式设计。 美国则于2013年1月份所发表的&rdq…

响应网页设计(Responsive Web Design)已经是2015年网页设计的主流，网页设计师已经熟知如何驾驭响应式网页设计的技巧，但网站的维护管理人呢？ 网站的内容维护人员，不论我们称他为版主或是小编，他们大多只有很基本的网页后台管理的能力，不太会去动到网页设计的部份，响应式网页设计可以针对图片跟文字进行最佳化的调整，但是对于第三方的嵌入服务就没办法作到响应式设计，换句话说：如果将影片直接放入响应式网站上，将会经常出现画面过大或过小的问题。 这个问题该如何改善呢？这里有一个非常实用的网站…

来自于Google Webmaster的最新资料指出，2015年4月21日将会是一个重大的日子，因为Google将大幅调整自然搜寻的规则，使得行动装置友善的网站，将能得到更好的自然搜寻排名结果。 根据Google Webmaster的资料指出：自从4月21日起，Google将行动友善的网站（mobile-friendliness）视为一个重要的指标，行动搜寻的用户将会优先搜寻到行动友善的网站，这样的变动将套用在全球所有的地区与语系，因此影响非常显着。 行动装置上网的趋势已经是无可避免的趋势，唯有…

美国最知名的科技媒体WIRED于2015年3月，宣布推出全新网站改版上线，不仅採用最新的RWD响应式网页设计技术，还大幅提昇网页读取速度，使得网站的流量大幅增长，进而带动营收与广告效益，是网页设计改版的成功典範。 根据媒体报导指出，WIRED策划网站改版的主因是行动装置的用户大幅提昇，因此完全满足行动用户的需求，「行动优先」是网站改版转型的最高原则。WIRED总编辑Scott Dadich表示：改版能够让原本习惯使用电脑阅读网站的人，乐于使用行动装置继续阅读网站，且这样的过程不会让人感到困扰。 …

来自于全球最权威的旅游行销组织PhoCusWright于2014年发表了消费者旅游行为调查，其中有许多分析直接指出旅游产业应当要立即拥抱行动商机，尤其是响应式网页设计(自适性网页设计、RWD)将会带来庞大商机。 根据PhoCusWright指出每个消费者决定旅游计画前，会透过6.5个网站与装置，网路与搜寻引擎的简单易用，使得人人都能整理、比较何种服务对消费者有利。 其中，高达41％的消费者是透过手机与平板电脑研究旅游相关的情报，而25％会透过手机直接预约旅游服务，最后，55％的消费者即使透过手机…

身为网站管理人，每到新的一年都将评估网站的成果，可能有些企业打算网站改版，符合当今响应式网页设计(RWD)的潮流，也可能有企业还未製作网站，準备评估网站或找寻适当的网页设计公司。 如果您已经有了一个正在运作的网站，今年打算要改版与升级，该注意哪一些事项呢？以下这一份评估表内容相当的仔细，共提出了22个商务网站的评估表格，此表格主要的对象是设计给B2B(企业对企业)的网站作为评估，因此非常适合用于形象网站、企业网站、商务官方网站作为自我评估。 由于原文的评估表格没有分类，马路科技将表格内容翻译并且…