要呈现出3D立体视觉效果的方式很多，除了近年非常流行的立体电影技术外，也有利用插画的技术製作出「3D陷阱」或是「3D艺术」的方式，那么网页设计能够运用这样的技巧吗？ 其实这个问题不太容易回答，因为就技术上肯定是做得到的。最近一些网站就贴出了将电影片段，利用3D视觉效果的GIF动画，只要加上两条白色的长方条，就能让平凡无奇的画面变出立体效果。     马路科技的同事有稍微试试看如何用类似的线条，来增强画面的立体感，发现製作技术上基本上不会很困难，但是拍摄的影片内容可能就比较麻烦…

色彩好帮手Kuler 挑选好了喜爱的颜色，要如何告知网页设计师，一直是企业与网页设计公司经常存在的困扰，透过了免费的Adobe Kuler的机制，可以看到您挑远的颜色的RGB与HEX色码，只要将这个网页撷取或告知色码，所有的设计师都能精準的设计出您想要的色彩效果。 Adobe Kuler看起来介面非常的专业，但其实即使是没有学过设计的人，也可以用滑鼠轻鬆的找到喜爱的组合。Adobe Kuler的色轮功能除了提供了六种常见的配色：相似对比、同色对比、三组对比、补偿对比…等。 网页设计来…

在欧美相当具有知名度的网路开店服务商shopify.com今年举办了一次十分特殊的网页设计比赛，从比赛的得奖作品中，也可以窥见电子商务于网站视觉设计的趋势。 已经超过7万家店舖的shopify在欧美的网路市场上佔有一席之地，除了便利的商店申请手续外，最为人津津乐道的就是快速的开店系统，以及千变万化的网页设计版型风格。这一次获得优胜的前三名作品与评审的观点分别为： Whipping Post designed by Out of the Sandbox 「可口的摄影元素与诉求，清楚的电子商务购物网…

长久以来Adobe Dreamweaver是专业网页设计人士的标準软体，更早之前微软的Frontpage则是以易学易用深受初学者喜爱，除此之外的网页设计软体普及程度就不高了。然而这样的局面或许就要被Google这个产业巨人所改变，因为近日Google对外公开了一个过去从未发表的工具：Google Web Designer。 第一个主打的特色就是网页动画，採用了类似影音编辑软体的概念，提供设计师两种模式的动画製作方式：Quick Mode类似早期影片编辑软体的故事板模式，可以透过简易的指令创作动画…

不论是网页设计、平面设计、广告设计…设计师总是会遇上灵感枯竭的烦恼，大部分的人可能第一个想到的灵感来源是Google，但其实还有很多好好的点子来源，这时您不妨试试看niice这个另类又好用的搜寻引擎。 niice是个不正规的搜寻引擎，他专门搜索欧美知名的视觉创意网站内容如：Behance、Dribbble、Designspiration、SiteInspire…等，主要的收集种类以插图为主，也会收到网页设计、人物设计或是其他的创意作品。 您可以试试看简单的搜寻Circle…

随着网页技术的不断开发，Java Script(简称JS)从过去只能够跳出单纯的文字视窗、文字变色，演进到今日能够产生各类高质感的网页效果，受到了网页设计师的高度欢迎。 首先与大家分享为何网页设计师喜欢Java Script，他的最大优点就是跨平台，几乎任何装置都能够执行JS编码：智慧手机、平板电脑、智慧电视等都能够正确呈现无碍，成为网站设计者最常使用的技术。反倒是视觉效果较出色的Flash因为无法跨平台的限制，日渐从网站设计的选项中退出市场，目前仅有网页游戏因视觉效果的需求，大量使用Flash…

许多客户进行购物网站网页设计，都会以国内的知名购物网站如PChome.com.tw或Books.com.tw当作指标，不过上述的两家都是大型的购物网站，比较不适合销售物件少于100件的中小型的购物网站。以下我们分享一个国际购物网站，就十分的适合中小型购物网站。 本次我们以一个国际购物网站Firebox.com为例子，整个网站的设计十分符合近年社群网站的视觉调性：区块化、单纯化、色彩化，很适合用于物件较少的购物网站。该网站也具有近年液态版型的特点，只要变化视窗尺寸，或是透过手机与平板观看，版面呈现…

2013年的网页设计，除了页面的技术除了纳入手机、平板的元素外，连设计的色彩也有了一些微妙的改变。以下是几个十分值得学习的色彩设计趋势与各位分享：  1. 灰阶搭配高彩度 这是一个过去使用得不多，但近年却非常流行的视觉设计技巧。这个範例中，网页仅用了数个简易的高彩度区块，就能够呈现出网页设计师，想要展示出网页最重要的资讯区域。 如果设计师的功力足够，可以搭配互动的设计，例如滑鼠移动过后出现动画，增加使用者的良好经验。  2. 粉彩笔刷 一般的网页设计会採用鲜艳的颜色抓取观众的…

15年来苹果公司从无数的营运危机，到今日成为科技界的霸主，中间有太多太多的故事可歌可泣，但相信比较少人留意着苹果公司的网页设计演变史。接着我们简单的用几张图片，来回顾一下苹果公司的网页设计变迁历史： ▲这是1997年时苹果的网站，与当年时下多数网站差不多，多以文字为主。   ▲ 1998年苹果公司推出了革新的个人电脑iMac，以及十分炫亮的iBook两个主轴产品。   ▲ 将滑鼠移动到网页上方的功能列，单色的功能列会出现红色的色彩   ▲可以看到首次登场的电子商务服…

上週Youtube的网站进行了改版，除了功能的进化外，最大的差异相信大部分的人都注意到了，那就是网页设计已经极简到了一个极致。不少网友觉得不太美观，但就网页设计者来说，极简、纯白、纯资讯的网页反而是最难以设计的，相信Youtube的设计者下了不少功夫在上面。 除了简化到一个不行的页面外，还有什么特色值得我们关注呢？   消失的主选单 过去Youtube的上方还有影片页籤、影片名称，现在页籤不见了，连影片的名称都被搬到影片的下方，这样的调整让影片被视为最重要的元素，而非功能。 …

2012的网路设计趋势：符合行动族群的回馈式网页设计、融入社群的网页设计等，都已经被充分的融入于新设计的网页中，事实证明这样的设计方向，没有使用平台限制、浏览更便捷、速度更快都是符合趋势与潮流，因此2013年势必仍会朝着这样的方向迈进。 然而除了去年的趋势延续外，还有几个可能的方向值得我们十分的关心：   1. 经济、简化的网页设计 2013年全球景气预测普遍前景不乐观，对于企业主来说用于网页设计/网路商务的预算就更加的压缩。过去网页改版、网页再造是十分热门的话提，但今年却十分的难以预…

2013年的网页设计趋势，延续了2012年行动网路装置的风潮，设计师将会接触到更多行动网页的设计需求与挑战。   1. 回馈式网页设计（响应式网页设计） 我们都已经看到不同的上网装置蓬勃发展的情形，不论是已经发烧许久的智慧手机，讲求平价的平板电脑等，都逐渐的成为人们上网的主要工具。但大部分的网站都没有针对这一些新型态的设备规划视觉呈现的效果，因此回馈式网页设计一直是近年设计的焦点。 这里所提的回馈式网页设计，主要是指不同的网路装置，例如：个人电脑、笔记电脑、平板电脑、手机、甚至电子书&…

先前我们介绍了暗色系的网页设计範例之后，得到了不少点击迴响。除了暗色系或无色的设计外，也有十分喜爱缤纷色彩的公司，大胆的混色、对比、光影的变化下，打造出来令人喜爱的页面。 我们列举了一些国外知名的品牌的网站，所设计的缤纷色彩设计样本： WeareHughes.com Havaianas.com PixelCool.com CuriousGenerationGroup.com NybbleTech.com Boomerang TV RotaCups.com LifeMusicFoundation….

暗色的形象：神秘、质感、高贵 许多国际知名的网站，都是以亮色系为主要的网站基底，从科技龙头Apple、购物龙头Amazon、社群龙头Facebook都是以明亮色系为网站的主要配色。 那么，暗色的网站是否就没有发挥的余地呢？其实暗色系的品牌形象，经常被用于：顶级汽车、珠宝金属、艺术设计、以及需要强烈品牌形象的网站，都非常适合暗色系的网页设计。 暗色的网页设计特色，在于字体以高亮度的方式呈现对比，给人感觉格外的跳出，也有现代感与时尚等优点，不过缺点是字体的变化需拿捏，过多色彩或难以辨识的字体，都会让…

已经厌倦了一成不变的网页设计视觉效果了吗？其实欧美的许多产业与企业，利用了网站的特效与视觉效果，大胆的打造出企业求新、求变、热情、创新的效果，建立企业年轻的印象。 也许以下的特效您觉得太过花俏、或是特异独行觉得不适合用于企业，但其实以下的範例不少源自于跨国品牌，因此不妨以开放的态度，参观以下网站的视觉之美！   1. 垂直视差效果 想要呈现出简报的视觉效果，但是又不希望让观众画面有被切断的感觉，这时使用了垂直视差的製作技术，就能够产生出相当好的网站视觉效果。以这一个範例的Nike网站来…