网页是网路资讯传递的一种方式，虽然跟社群媒体、通讯软体相较起来，既不即时又不快速，但是他却很容易被搜寻引擎检索，至今仍是许多企业、团体、单位最主要的数位媒体。台湾每年大约有一、两个网页设计的竞赛主题，主要的对象以接触数位设计的高中、专科为主，也有一些竞赛是以大学为对象。 网页设计的竞赛方式虽然各有不同的重点，如何从众多作品中脱颖而出，马路科技iWare网页设计提出了建议，可以给即将参赛的同学们一点方向。   内容与创意是主角 大部分的校园网页设计比赛，重视内容的呈现，文化类的题材一向十…

为了避免误会，说明一下今天谈的不是速食餐厅的那个「汉堡」，而是网页设计中，尤其是智慧型手机近年蔚为主流的「汉堡选单」(Hamburger Menu)，他是一个三条水平线构成的简易按钮图示，点击后就会显示智慧手机的选单。除了最经典的三条水平横线外，有时也会出现外框或是颜色变化。 「汉堡选单」按钮的造型酷似汉堡因此得名，这个设计虽然对智慧手机的用户可能很熟悉，但对于电脑浏览器的用户却十分的陌生。虽然「汉堡选单」越来越受到欢迎，就连全力推广”手机优先”的Google服务介面，不…

想像一下，透过程式如CSS与JS的技术就能够改变图形的样貌，外观与色彩，即时的呈现于你的网站上，而且维持一贯的高品质，这样的梦想其实已经逐渐在网页设计产业上发酵，因为SVG图形格式已经成为当今网页的图形标準之一。 SVG是一个相当新的图形标準，目前最大的使用族群为网页设计族群，所以一般的用户没有听过是很正常的。一般传统常见的图片格式，例如GIF、JPG与PNG格式，是以点阵为呈现的基础，然而SVG却是以向量的方式呈现。 点阵与向量图形格式的差异，在于点阵格式是以座标为呈现视觉的基础，透过无数的座…

(一个典型的粗野网页设计 来源: www.uxbrutalism.com) 反璞归真的设计风格 网页设计的视觉设计技术不断进步，纯熟使用视觉设计的技术，开发赏心悦目的网站是今天前端工程师的工作，但或许各位没有注意到，粗野网页设计(Brutalist Web Design)潮流正在悄悄的萌芽。 粗野网页设计(Brutalist Web Design)是2017年间发迹的网页设计风格。首先，粗野设计风格最初是建筑设计师所使用的字彙，是属于实用主义底下的一种设计风格，粗野建筑风格的精神主要为不加修饰的…

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

大部分的商业网站设计，为了快速传递诉求，常用斗大的幻灯片与横式选单，让人们快速喜欢上你的网站。想要有一个特异独行的设计风网站，有个性、有质感，或许一开始有点摸不着头绪，却又慢慢发现你的优点，Adobe Portfolio网页设计平台可能会非常适合你。 专注于视觉设计的工作者，非常重视作品有更好的线上展示空间，让更多观众欣赏作品，达到创作与商业目的。一般的设计者想到分享作品的平台可能是Instagram、Twitter或Facebook社交平台，但这些平台以分享生活照片与讯息为主，要让作品以更有个…

一般网页设计公司提供了两种网页设计的方式：客製网页设计(Customization)与套版网页设计(Template, 或称模版网页设计)，两者的目的虽然都是製作一个网站，但做法不同，计费的方式也不一样，困扰了许多人。 今日我们找到了一个资讯图表，以一图流的方式来分享客製网页设计与套版网页设计各自的优缺点，内容相当的中肯，是一份很适合分享与推荐的入门好文。以下是内容的截图与翻译： 设计者效益 客製化网页设计：为单一客户进行的专属设计，较容易达到客户的理想目标。套版网页设计：为提升客户线上能见度所…

韩国是邻近台湾不远的国家，对于台湾人来说绝不陌生，他们不仅是世界经济大国之一，也是十分重视科技与设计的大国。韩国的电子商务网站服务蓬勃发展，不少人直接在韩国网站下单台湾取件，自然网页设计的品质也相当的出色，是许多网页设计师十分重要的学习参考对象。 今天与大家分享的是韩系网页设计入口网站koreawebdesign.com，这个网站收集了韩国的主流网站，从企业风格的官网、科技产品的介绍网站、购物网站的介绍、以及韩国十分引以为豪的流行文化网站等，都有大量的被收录在这里。 网站的分类主要以颜色与产业为…

2017年的科技可圈可点之处很多，也连带影响到网页设计的产业，我们根据国外新锐的网页设计者的经验，分享最新的网页设计与网页科技趋势。  人工智慧： 我们对于人工智慧的认识，可能都是来自于媒体，像是从打败世界围棋高手、自动驾驶汽车、步入人群的机器人等。或许这个听起来离我们非常的遥远，但其实已经有一些大型企业将人工智慧应用在网站上了，例如H&M、Frobes等企业与媒体，用人工智慧进行初步的客户服务。这样的发展若能带来企业的效益，何不乐观其成？  丰富的视觉取胜： 过去平…

2016年网路的世界发生了很多大事，例如VR虚拟实境的崛起、宝可梦带动AR实境扩增的产业、网红的窜起、电商的拓展、电子支付的普及…等等，不少趋势都直接影响了网页设计的发展，以下我们看看2017年将会有什么样的新发展。 行动网页设计 相信各位绝对不会怀疑，今后是行动用户为主的时代，就让我们再拿出更多数据证明这样的说法是正确的： 全球超过12亿人口为手机上网 在美国有25%的用户仅使用手机上网 超过11亿个 APP已经被下载使用 超过85%的行动装置可以上网，大多都是透过网路贩售 结论：…

许多公司内部聘请了网页设计人员，以满足企业自身网页设计与网路行销需求，要如何找到理想的网页设计人才，以下是马路科技iWare的建议：   检视网页设计作品 所有网页设计师都有自己的作品，即使是应届毕业生也应该要有在校作品，而作品能够让你在最短时间内，认识一位网页设计师。 观看设计师网页设计作品时，可以从网站的首页开始看起，包括版型与布置、设计所用到的元素、技术、技巧等，如果您不太能够理解网页设计所使用的技术，可以先询问有经验的同事一同给予建议。 有一些设计师特别熟悉特定领域的网页设计，…

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

专业的网页设计师仍然使用专业的网页设计软体，但一般没有基础的人能够学习网页设计，并製作出理想的网站吗？随着「所见即所得」线上网页设计工具越来越多，例如：WIX、Webflow、Squarespace就提供了「所见即所得」(WYSIWYG)功能以製作出个人网站、小型企业网站、甚至是近年最主流的响应式网页设计都没问题。 不过「所见即所得」线上网页设计工具也是有他的优点与缺点，以下是马路科技的观点： 线上网页设计工具优点：  设计导向 「所见即所得」最大的好处就是可以立即得到你想要的网站样式…

网路的出现，让讯息沟通变得更迅速，更简易，然而许多机构与企业的网站缺少了互动的设计，或是互动的功能缺少弹性，使得用户不愿透过网站进行沟通。直到这几年出现了一个新的设计趋势：微用户体验，在网页设计的人士称之为Micro UX，或称之Micro Interaction，他们看似不起眼却无所不在，他们虽然不是网页最重要的内容组成元件，但却能改善使用者的网页使用体验，用户会更喜欢你们网站，提昇了日后互动的可能性。 微用户体验目前的定义没有十分的精确，普遍认为凡是能够与使用者进行互动、同步、回馈的行为，都…

使用一个网页的方式，呈现一家企业或是一个服务的所有资讯的网页设计流行了好一段时间。这样的设计对智慧型手机、平板电脑的网页浏览者来说，使用起来的确是很棒的体验，就连Apple的产品页面也大量的使用这样的技术，但其实这样的网页隐藏了三大隐忧：  隐忧一：关键字优化(SEO)会大受影响 一页式的网站最大的卖点，就是视觉效果非常的棒，例如多层次的滚动、高画质图片的呈现、艺术家气息的意境，但很多人不知道这样的关键字优化(SEO)有一定程度的伤害。 大部分的网页，都要提供丰富且充足的资讯，满足客户…