医疗产业一直走在科技的尖端，也十分讲究网页设计的品质与专业性。马路科技承接了不少医疗与卫生福利相关的网页设计案件，我们也不断在学习如何将医学相关的网站设计製作得更好。 来自国外知名网页设计版型大站Colorlib挑选出的医疗网页设计版型，针对医疗产业需要的视觉需求，以及医疗产业常见的色彩应用于网页设计上，比起通用的版型更能传递专业的讯息，增加客户对于医疗产品、医疗服务的信赖感。 本次分享的所有的内容，皆可以自来源网站免费下载，也有DEMO展示网站可以参考视觉效果，不论您正在学习网页设计，或是準备…

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

很多人以为平面设计跟网页设计差不多，事实上设计的走向是完全不一样的，不过网页设计师也很喜欢参考平面设计的成功案例，毕竟平面设计的历史有百年之久，而网页设计不过是这几年的事情，如何将好的平面设计元素带入网页上，也是一个十分有趣的尝试。     其实大部份的网页设计者，过去都有做过平面设计的经验，网页设计跟平面设计有诸多差异，网页设计要考量的元素很多，例如色彩、字体、图片、程式、内容的最佳平衡，然而平面设计的重心多半集中在视觉设计。     既然视觉设计是重点…

2016年的今日，相信大部分的企业与单位，都有自己的网站了，但你的网站是什么时期製作好的？製作好之后有没有改版。 或许你觉得还不需要改版，但请看看你的网站这三个重点，至少，不要让人看起来像是十年前都没变更过的网站。 ▲一个看起来已经超过十年没有更新的网站 图片品质 十年前网路宽频仍在推广，电脑处理速度也不够快，图片的质感大多不是很理想，今日的电脑画面大多具有高解析度，图片品质不佳，一看就知道这个网站的水準不高。 现在网站设计比起过去有更多高品质图片可以选择，例如合法的图库大多有傲人画质的图片，可…

若您设计的是一般中小企业的官方网站，可以跳过本篇文章，因为今天要分享的卡片风格网页设计，主要是针对大量资讯的电商、信息提供商为主。   如果你是重度的社群使用者，尤其是热爱接收欧美相关的信息的人，应该可以感受到社群服务商的风格越来越接近，尤其是卡片式的网页设计风格，是今日的资讯型网站主流。例如Twitter、Google Now与Pinterest都向卡片风格靠拢。     电商也是卡片风格网页设计的大宗使用户，例如ThinkGeek.com与Firebox.com…

如果你正在进行网页设计的专案，有没有发现现在网站的设计风格，好像都十分的雷同。原因很简单：大多数的人喜欢时下最流行的两种网页设计格式：平面化设计与大尺寸首页主题，可能你参考10个网站就有5个採用这样的方式，所以每个网站看起来还真有点相似。 网站相似度过高，品牌不易留下深刻印象，网站的目的无法达成，自然无法让业绩增长。该如何改善千篇一律的问题，我们的分析如下：   平面化网页设计(Flat Design) 平面化设计是Apple自IOS 8开始尝试的全新设计概念，将手机上的图样全面改以平…

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

许多準备设计网站的公司，找不到网站设计的方向，通常专业的设计团队都会建议参考其他设计作品作为参考。透过个人经验的观察，只能取得到片段的资讯，对于网站设计的帮助不大，主要的原因在于缺乏设计準则相关文件。 海外有一个网站专门收集各国跨国企业所使用的设计準则，例如使用的字体、字型、间隔、符号、色彩等资讯，公布于网站上让设计公司得到保贵的资料。  MailChimp E-mail服务公司Mailchimp提出的网页l设计準则，不仅网页设计可以参考，也很适用于E-mail信件的设计用途，收集了各…

网页设计的黄金準则：丰富的内容、丰富的图片、丰富的功能，只要準备了上述的三个条件，网站已经离成功不远了。不过近年也有一些网页设计师，反思网站所带来的资讯与视觉洪流，给了客户太多，反而让客户觉得无所适从，所以越来越多的设计者，开始思考留白设计的方式製作网站。 http://joris.works/ 留白设计在平面设计上很常见，应用也非常广泛，不论是艺术呈现或商业设计，都有太多留白设计的经典作品。说得更白话一点，有时你顺手拿起了一张房地展宣传单、展演资讯，可能就有留白设计的元素在内。 留白处应该要被…

响应式网页设计(自适性网页设计、RWD)是今后网页设计的标準之一，优点不外乎是符合各种智慧手机与平板电脑尺寸所设计，且操作的介面以触控为主，非传统的滑鼠导向介面设计，因此广受各界肯定，全世界的网页设计师都已经拥抱这样的趋势。 不过很多执行网站设计的专案负责人，不知道从何处找到响应式网页设计範例，一般非从业人员也不易一眼看出来哪个网站是响应式网站，哪些网站是普通的网站，因此我们会很建议专案负责人，应该去响应式网页设计(自适性网页设计、RWD)入口，找到适合的範本后，与您的网页设计公司洽谈后续的製作…

设计产业十分广泛与发达，不论是建筑、服饰、产品设计、视觉设计…只要跟设计相关的产业，都可以找到十分丰富的参考资源，网页设计当然也不例外。网页设计工作者必须时常接触不同的风格、不同的技术得到灵感；而网站专案执行者也不太可能凭空想像出网站的架构，透过参考他人网站可以使计画更顺畅地执行下去。 网页设计工作者，参考国外设计师杰出的网页设计，除了可以将国外设计的经验带入自身的工作上，也能够透过不同的组合与创意，开发出更为优质的网站。 想要製作网站的企业、计画者或执行者，可以透过参观他人的设计作…

网页设计的趋势日新月异，即使是设计师也得随时注意新的技术，并且避免使用旧有的设计元素，以下是根据国外设计专业网站，所提到的五个曾经引领流行，但如今已经过气的网页设计趋势。 一、跳出视窗 跳出视窗很容易会让人联想到商业广告、垃圾讯息与诈骗活动，想要客户加入您的电子信行列，试着在网页明显处留下栏位吧！   二、开场Flash动画 在个人电脑时代Flash曾经是最棒的网页视觉设计首选，如今智慧装置普遍不支援Flash，自然而然的Flash也不会出现在现代网页设计选择内。   三、自…

不同国家的网页设计风格大异其趣，也能够带给不同人感受，其中日本是距离台湾最近的国家之一，日系的风格也不断地影响台湾的文化与潮流，网页设计亦如此，因此分享一些近年观察日本风格的网页设计，相信若能应用于台湾的网页设计上，可以使网页的品质不断提昇。  日式饮食网站：首重图形，文字辅佐 日本的美食征服世界，其实仔细观察，就能发现日本美食文化首重视觉，从料理到点心，都十分重视视觉呈现，例如摆放的位置、色彩或是角度等，都是经过设计所呈现出来的绝佳效果。 而网站也十分遵从这样的法则，往业的内容从视觉…

今天要与大家分享一个非常实用的设计资讯，那就是：Facebook的Timeline时间轴封面设计该如何设计？ 自从Facebook于2012年，全面改用了Timeline时间轴的方式来呈现个人与粉丝页面，各界的评价不一，但其中极受好评的，就是时间轴的封面(Cover)自订功能，使用者与粉丝经营者不再局限于正方形图块，而有更广大的挥洒空间可以发挥创意。 自订封面不难，只要选择图片档案即可完成更改，但比较麻烦的是尺寸问题，大部分初次使用的人会抓不準要置入的尺寸，根据Facebook的资料，时间轴的封…

对于很多企业而言，製作网站是一件大事。网站是一个公司对外最主要的门面，尤其是在这个网路时代，网站设计深远影响着企业对外的形象，对消费者的形象，但是企业有时要带给外人什么样的观感，有时也很难一言道尽，因此我们就以色调、产业、企业自身、以及消费者四个角度，来思考设计的风格与取向。   网站的色彩与形象 最常见的网页风格设计取向的元素之一，就是网页的主体色彩。因为网路客户可以从色彩中，得到网站所想要表达的讯息。而这样的讯息传递，就是企业主想要给客户的非文字印象。 常见的网页色彩应用于产业的方…