网页设计几乎与网际网路的历史一样悠久，早年即便是电脑工程师也会自己设计网页，将自己的所学所知分享给网友。今日的网页技术越来越複杂，光靠初阶的HTML语法与技术，做出来的网站一定很简陋，别说是当作形象官网，恐怕连小学生都不想看。 今日的网页设计是一门专业的行业，透过网页设计师之手，才做出一个舒适、美观、又能吸引用户目光的优质网站。也因为各行各业都需要网页设计的专业人员，因此网页设计在求职市场上的需求一直都存在。 不论你想要成为网页设计师，或是身任网站站长，也不论是从零开始或是略有基础，网页设计一直…

网页设计人、视觉设计师每天使用Photoshop，不仅是吃饭的家伙，是不可取代的战友，技巧应该早已经炉火纯青了，自己习惯使用的功能，界面，参数也都已经设定妥，而常用的快捷热键也已经记忆在自己身体的每一个细胞。 不过Photoshop多少还是有一些步骤较麻烦，例如最基础的笔刷大小，透过键盘滑鼠仍至少要两个步骤才能调整，而设计师每天至少都得按下Ctrl+Z（取消）与Ctrl+Shift+Z（重做）按到手抽筋，有没有更顺手，更智慧的方式可以做得更好？2020年我们发现有两个有趣的电脑硬体，或许可以让你…

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

近日我们的Facebook粉丝团收到了私讯，想要了解关于网页设计产业与平面设计产业的差别。马路科技iWare的同事除了平时处理客户的案件外，若有时间也十分乐于回答来自于学校或同学的网页设计问题。 千禧年网页设计教育起跑 就像是微软的Windows作业系统与办公室软体一样，网页设计曾经是电脑的必修课程之一，千禧年那段期间，网页设计不但纳入国小与国中的资讯教材，网页设计的竞赛也曾经风靡一时。 网页设计在这20年间出现了很大的变化，过去的网页设计强调的是资讯的传递性，只要能够传递资讯就行了，像是超连结…

上一篇讲的是背景颜色该怎么撰写，这一次讲背景图片的相关属性。 Background-image 可设置一个或多个背景，预设为none（无图片），不显示背景。预设背景图像放置在元素的左上角，且垂直和水平方向重複。 See the Pen background-image by karen (@karen0922) on CodePen. Background-repeat 设定背景图片是否重複，预设为垂直水平重複，需有设定图片才会有作用。 repeat 垂直和水平重複背景图像（预设值） repea…

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

网页设计的时候，设计师经常收到专案负责人要求修改调整网站与网页，如何好好沟通就是一个问题。有时专案负责人习惯使用文字提出需求，但设计师无法掌握文字的意义，很容易造成沟通上的障碍。 目前网页设计的专案进行时，普遍同意透过网页截图搭配文字说明的注解，最能够清楚的呈现出网页设计的看法与观点，对于设计师来说帮助很大。使用图片注释沟通网页设计的优点有： 减少误差 透过文字说明网页设计修改的项目，专案负责人与设计师使用的术语不尽相同，沟通上就有很多问题，图片可以标注位置、尺寸、大小等资讯，对于双方沟通都有帮…

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

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

到了2014年，是否有考虑将公司的陈年网站改版呢？有一些网页设计老旧的概念，您不应该沿用下去，以下就是五种常见的老旧网页设计形式： 开场影片 早期网页设计的会很专注于设计一个非常酷炫的开场影片，希望可以给客户留下深刻的印象，不过当今已经没有网站这么做了，为什么呢？ 事实上，大部分的人会选择「跳过动画」，或甚至关闭掉整个网页，让网站失去接触客户的机会。甚至，还有浏览器的APP可以让动画效果关闭，可见网站的开场影片是用户多讨厌的一件事情。 这不表示影片这个元素不重要，如果您有影音内容介绍您的产品、服…

今天要与大家分享一个十分奇特的故事，这个事情发生在英国知名的伦敦艺术学院，日前设计出了全新的识别图案(Logo)： 就如各位所见，是由单纯的文字搭配黑白对比所构成的新Logo，然而这则故事之所以登上新闻，并非Logo设计得十分出色，而是高达45,000英镑的设计费用，以今天的汇率换算，设计费用约为200万台币！ 相信大家看到这个数字会直呼不可思议，200万台币别说是打造一个专业级网站，用来拍一个电视广告、短片或是微电影都堪称足够，这样的费用设计一个Logo真的值得吗？   燃烧专业、余…

很多人都曾经学过网页设计，但是能够成为设计师的却不多。不过许多人仍然希望能够学习一些网页设计的技能，但往往越修越糟糕。以下我们找到了一份以万圣节为主题，以十分幽默的呈现网页设计新手，经常犯的设计错误。   1. 不断变化的字体与颜色 初次接触设计的人，对于文字的变化感到十分新鲜与好奇是正常的，如果是设计于自己的个人网页，大多数的人不会介意，但如果将不同的字体、颜色设计混于企业网站上，就是一场灾难。   2. 怪异的重点文字底色 唸书时，很多同学喜欢使用萤光笔将课本重点标记起来…

  字级计算原理很简单 字型大小是区分文字的大小的一种衡量标準，而使用于网页和平面设计的使用设定上有许多的不同之处，传统印刷业界一般用于平面设计的字型大小设定大部分是 级数（J或K）而网页设计的使用上 在国内则大多是採用pt ，国外则是em为主。而一般DM的内文约是使用14级字 名片上最小不建议低于9级字，若使用于网页上则是一般性的内文大多採用12pt来作显示 先以平面设计来说 字型大小是区分文字的大小的一种衡量标準，国际上通用的是点制，在国内则是以号制为主，点制为辅。号制是採用互不成…

未来，每个人都有15分钟的成名机会- 普普风大师安迪．沃荷 今日，网页是企业面对客户的第一道门户，也是企业在网路上发光成名的起点。 由于网站的功能越来越丰富，马路科技对于网站设计也不断的进化。过去我们曾经服务过超过千家企业，这些企业来自台湾的各个专业领域，从知名的连锁饭店到小型民宿、具有百人以上的跨国企业到中小企业、百货专柜的国际知名品牌到自行创业者…每个客户都有不同的视觉诉求。我们很庆幸的累积了超过10年的设计经验，因此服务过的客户对于我们的设计都相当的满意，这个，是我们引以为豪…

续网页设计常用专有名词解释（上）的内容，以下介绍更多关于网页设计常用的名词： 一种十分流行的网页动画设计技术，能够呈现出不同于静态文字、静态图片的方式，具有十分跃动的视觉效果，因此有广大的使用族群与市场。不过Flash有诸多缺点，例如：修改不易、製作费用较高、手机无法执行…等问题，日渐的受到其他技术所取代。 JavaScript 一种十分灵活的网页程式设计机制，能够呈现出许多网页功能与视觉效果，虽然视觉效果表现较为单调，但大部分的电脑与手机，都能够执行JavaScript的功能为其最…