图片来源  免费网页设计常见资源 常见的免费网页设计资源有两种，一种是一页式网页设计型，或称之为Landing Page，例如以电子邮件服务的龙头Mailchimp、Unbounce就转型提供了免费的一页式网页设计，主要的目的是透过吸引客户的页面与内容，导引到正式的官方网站，一页网页设计的平台比较单纯。 另外一种形式则为形象网页设计，服务提供商有：Wix、Weebly、Webnode…功能比较丰富，可以开发出一个完整的形象网站，工具也十分的齐全，当然也可以用他们的服务製作出…

「这张照片好美，如果没这个路人就好了」、「这个我想要把人物背后的背景都变成白色，可不可以帮我」，设计师最常遇到的客户问题之一，就是处理各种照片的疑难杂症。看似简单的修图、P图、去背每天可能都占用设计师一点点时间，日积月累也是很可观的工作量。 但AI人工智能技术的发展进步神速，成果也逐渐的萌芽。越来越多具有学习机能的机器人、家电、手机也已经问世，世界感觉是越来越美好。不过身为网页前端设计工作者，一直没有享受到AI带来的便利，不过这个情况可能要改观了。 电脑显示卡开发商nVidia在个人电脑产业有着…

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

全世界接受设计教育的学生，教科书上应该都看过包浩斯(Bauhaus)这个传奇性的机构。不论是视觉设计、建筑设计、艺术、服装或摄影领域，只要跟设计沾上边的课本，包浩斯也是必然会提及的一个重要的历史。 简单的分享关于包浩斯(Bauhaus)这一间学校，其实是源自于德国柏林的设计学校，原以建筑设计为主。从20世纪初期至第二次世界大战受到战争影响关闭，虽然成立的时间跟许多世界名校相比并不算长，但是该校的老师与学生在全球都发挥了巨大的影响力，为世人带来了重要的设计文化，并于1996年被联合国组织纳入世界文…

向量设计软体是网页设计师的最爱，他的优点多到数不清：线条灵活、色彩多变、用途广泛，除了网页设计外，连印刷工作者都超爱使用向量设计软体。不过向量设计软体霸主Illustrator并不便宜，一套商业版本都需要数万元的授权费用，在办公室内很难人手一套。 今日要推荐的向量设计软体，不仅用法近似于Illustrator，能够安装于Chrome浏览器上，最棒的是完全免费，若工作场合没有Illustrator，这是一个绝佳的取代方案。 Boxy SVG主要特色 变形不失真：向量的最大好处就是任意变形不失真，很…

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

Word是文书编辑软体界的王者，从20年前个人电脑普及的那一刻，Word几乎是每台电脑必定会安装的软体。即使是网路普及的世代，仍没有几套软体能够做出Word才能设计出的文件或表格。 然而将Word的文件放上网路，是一件颇痛苦的事情，很多初次接触网站管理的人，直接就将Word的图文贴上了网页后台的编辑器上，出现了不可预测的错误。原因在于Word内有很多隐藏的控制码，用于控制字体、行距、色彩等设定，与网页编辑器的编码不相容，即使Word有内建HTML输出功能，但输出的资料有时还是会有使用上的落差。 …

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

网页程式能够设计出非常多种线上即时服务，最常见的是线上金流与交易的程式设计，有些能够达到沟通互动的目的，有些则能够帮助您进行民意调查，今天要与大家分享的服务，就是使用一个免费的线上服务供应商Bravenet所提供的免费投票功能。     Bravenet的网路工具服务中，提供了多达20种网路小工具的服务，对于网页设计与企业网站的使用者来说，有些工具十分的实用，例如访客计数器、线上相簿、线上客服…等，而我们今天先介绍免费线上投票的机能。虽然网页的介面是英文的版本，但…

人类文明宝库：大英图书馆 近年台湾的设计风潮出现了一股复古风，最有名的案例就是「康熙字典体」不仅大量用于广告、网页设计与平面设计外，连故宫博物院的商品都印上「朕知道了」造成轰动。 最近，世界知明的大英图书馆，宣布将其馆藏的百万张图片，放置于Flickr的部份，可以供任何人使用，混用与重製，用于公共领域。这样的创新举动不仅是文化界高度瞩目的事件，也是从事设计工作者的一大的福音。 根据大英博物馆的新闻发言指出，他们希望可以看到这一些从未曝光过的馆藏图片，能够以「创新、前所未见」方式被人们使用，结合出…

专业的数位相机以及影像处理，大多有一个令人激赏的功能：色彩去除。玩家可以将照片变成黑白色彩，但是仅只保留指定的颜色。不过在Photoshop等软体上进行较为複杂，一般非设计人士做起来耗时费力，现在现在让我们介绍一套十分好用的免费软体：Photo Black & Color可以满足去除色彩的需求。 下载安装好后，将照片读取到程式内，使用者可以使用吸管指标，指定特定的照片颜色、以及与该色相似的颜色等、加以去除或是保留，非常的简单。   不再限于复古，单色艺术的延伸 至于如何保留多种…

纹理(Pattern)是设计产业中，常见的设计元素，例如人人印象深刻的苏格兰裙花纹、室内设计所使用的壁纸、公共艺术中可见的马赛克图案、甚至是漫画等，都可以看到纹理的广泛应用。 一般来说，纹理具有：低对比、低辨识、不干扰主题内容呈现，丰富视觉等特色，好的纹理能够点缀形象，衬托出极佳的视觉感，当然也有强烈视觉纹理足以担当视觉主要元素，达到艺术或是商业目的。而电脑视觉设计师会使用的纹理技巧，主要用于平面的广告设计、部落格花样、桌布(Wallpaper)製作等等…用途广泛，不过要挑选到一个上…

身为网页设计师都知道，字型对于网页的呈现有决定性影响，我们之前也写过了许多篇关于2012年的网页设计趋势中，也提到了字型将会是今年网页设计者需要学习与研究的要点。 不过什么样的字型，就有什么样的个性，如果用猫咪的方式来呈现，那还可真是史上首见！刚刚朋友寄给了我一篇「猫咪版英文字型」的对照图片，大家可以看到不同字型下所代表的猫咪，有些古典、有些新潮、有些给人强烈的视觉感受… 当然，这应该是某一些网页设计师的幽默之作，之后或许会有狗狗版或是愤怒鸟版本呢～  

想要让自己的网站看起来更时尚？或是让商业简报更具有个性？您一定很需要各式各样的图片。图片虽然都是简单的构图，但是任何熟悉3C或是网路产业的人，对于以下的图示一定都不陌生。 这里我们找寻了百种世界上顶尖的商业设计公司，所提供的免费图片可以供您使用，不论是网路巨擎Google、时下最流行的Facebook或是各类商务相关的图示，都可以找到，相信对于您的设计工作会更有帮助。 Kaching – Exclusive Free eCommerce Icons | Webdesigner Dep…

大部分的设计师，想要设计一个相片幻灯片的网页，可能第一个想到的工具就是Flash，不过对于不熟悉Flash的一般人来说，製作相片幻灯片就是较为高深的工作，然而如今有一套不错的软体，能够帮您做到客製化的相片幻灯片效果：Visual Lightbox。 Visual Lightbox这一套软体的最大优点，就是使用JQuery的技术，製作出相片幻灯片，操作的介面十分的简易，只要透过几个简单的动作，就能够完成相片的播放数量、控制排列、整理版面、播放顺序…等都不是问题，比起许多网路相簿内建的幻…