街头摄影的核心本质，在于「记录日常社会」与「那一瞬间的故事」，当然构图也是要素之一，不过相较之下并不是那么重要，重要的是，如何将你眼前看到而有所感受的画面，藉由观景窗去呈现出一个故事，有故事的画面，总是耐人寻味，彷彿身历其境、感同身受。 其实街头摄影，不管在技术、构图、光影上的运用，都和其他的主题摄影没两样，只差别于街头摄影缺少了固定的模特儿，因为全世界 ( 人、事、物 ) 都将是你的模特儿。只要利用敏锐的观察度来抓住拍摄的最佳时机，再加上一点点的运气，就可将故事收进相机里啰。 &…

勇于与众不同！精选全球精彩多元文化族群图库 在广告媒体产业有一个「3B定律」：美女(Beauty)、婴儿(Baby)、和野兽(Beast)，首先美女一词不用多作解释，美人总是与美好的事物有重要关联；而婴儿可以延伸至儿童、小孩；最后野兽当然就自然联想到了宠物好朋友们。这个金科玉律至今仍然打遍天下，在网路产业仍然十分常见。 例如我们网页设计时经常使用的图库、也常见到「3B」素材充斥。好比有一些热门的图库图片，被用在不同的产业上，形成「撞图」的尴尬现象。所以使用过度热门的图库绝非一个好现象，网页所使用…

某天，收到一项客户的设计需求，说，喜欢＂温馨、人文，甚至带点文青风＂的感觉，所以官 网的设计风格希望走这个方向，也因此决定了在图像上的选择将有所不同，处理手法也将与众 不同。  考虑到产品本身，当时＂时间迴廊＂是其中一个印入我脑海的词彙，为了确定心中所想的念头 ，阅览了各种与其有关的摄影、平面设计等等的资料，以直观的方式解析关于＂时间＂的表现 方式，也因为这样，再一次体现滤镜是当之无愧的神队友，这次又要靠它啦！     有了滤…

老旧军事设施活化再利用已经是世界趋势了，例如高雄的卫武营前身就是军方营区，现在成为台湾人很熟悉的艺术中心，经常举办艺文与音乐相关的活动。今日我们也要分享一个很酷的艺术中心Bassins de Lumières，虽然位于遥远的法国，但光是透过网站的影片介绍，就能感受到这个数位艺术中心令人心神嚮往。 这次介绍的艺术中心是二次大战期间，德军U型潜水艇的基地。根据历史记载U型潜水艇神出鬼没，是盟军海上最大的敌人。即使二战结束八十年了，U型潜水艇还是有很深远的影响力。 回到重点，今天我们不是来分享军事武器…

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

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

2019网页设计新趋势-静态网站 让时间回到十年前，网路生态市场出现了很大的分水岭，就是Web 2.0的诞生，在Web 2.0之前，大部分的网站都是以HTML编码而成，没有资料库的概念，上传到主机后就成为「静态」的网页资料。无法即时的的更新与互动。Web 2.0带来了许多网站设计新技术，例如Javascript、CSS以及资料库「动态网站」的概念，这样的革命影响到今日，我们每天使用的部落格、社群网站、购物网站、云端服务，无一不受到Web 2.0的影响。 与「动态网站」相反的就是「静态网站」，静态…

根据2017日本旅游人口统计，台湾人排名第三仅次于中国与南韩，日本旅游除了欣赏美景与品尝美食外，当然也不会错过购物行程。题到了购物自然就会想到电商与网路购物，近年日本电子商务除了老字号的亚马逊Amazon与雅虎Yahoo外，还窜出现了一匹「独角兽」名为Mericari，虽然主打二手交易电子商务，但却迅速地成为日本年轻族群最爱的购物平台之一。 不过今天马路科技不是来介绍购物或是代购，而是要与大家分享Mericari在2018年底更换了品牌的Logo。为何特别介绍他们的Logo换新? 因为他们非常的…

Logo的设计是企业，也是设计人的最高挑战，Logo的设计不但是美学的展现，也包含了很多意义与精神在内。成功的企业、组织、单位团体，Logo必然会频繁的出现在许多媒体，为了迎接这一天的到来，企业必须十分慎重看待Logo的设计。事实上Logo的设计管道已经比起以往更为多元，许多网页设计公司会提供如iWare就有提供相关服务，线上免费的设计工具、Logo产生器也越来越普及，不论你是资源丰沛的企业或是新创公司，都能找到最有利的工具设计你的Logo。 不过今天我们不谈Logo设计，而是测试你的Logo。…

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

成功的网站，背后必有一位专案管理师 网页设计领域，一般来说即使是客户都知道，要有设计师将网页的外观设计好，工程师将网站的程式写好，但是较少听过专案管理师（Project Manager）参与。其实专案管理师的工作相当的重要，他是一个管理者、协调者、企划者、也是一个沟通者，主要的工作包括资料收集、分析报告、专案管理、时程控管、简报、跨领域沟通协调、协助创意发想，使客户想要的网站功能能够确实达成。 除了上述的基本工作，专案管理师对后续网站的执行成效也会参与其中做调整。例如购物网站的购买率偏低，网站会…

对话格的颜色搭配 线框的设计 若网页的颜色与对话格不同，那么线框可有可无。 如果想要强调视觉设计的效果，线框也不要使用强烈对比的颜色，视觉会落在对话格而不是落在文字上，讯息会被忽视。 对话格的线条对比度不应该强过主体，这样会使得线条受到高度强调，主题反而受到忽略，   文字的颜色 文字的颜色应用是重点，而这个重点其实只有一个，那就是文字颜色与对话格必须有显着反差，这样就行了。 至于反差强有强的优点，弱有弱的优点，相信大部分的设计师早已经驾轻就熟，不过仍有时候会失手将颜色错置成不好得搭配…

对话格的设计原则 先前有与各位分享过，对话格的造型很多，不过特殊造型的对话格大多用于印刷品为主，例如传单或是漫画等，网页设计来说，最大宗的还是方形与原型的对话格为主。 方形对话格有两大设计要点：留白的空间，以及圆角的设计，这两个设计可以影响对话框的视觉成败。 适度留白 如同文章的断行，一个方形对话格的上方与下方必须留下适当的空间，让视觉看起来较不拥挤。 不同的网页设计诉求有不同的留白方法，例如内容型网站、购物网站留白的需求较小，但企业官网可能需要较大的留白。 适度圆角 圆角是为了让对话格的造型看…

2016年3月Apple推出了令人可以理解，却又有点难以置信的新产品：iPhone SE，市场的反应複杂，许多人认为这是毫无新意的产品再次包装，也有评论家认为这是小尺寸手机仍受到市场欢迎的最佳证明。   让我们回顾一下2013年iPhone 4推出时，网页设计师才正要摸索响应式网页设计技术，这是一种能够让网站根据使用者的显示设备，自动调整显示版型、样式、资讯的崭新网站设计技术，如今，大部分的设计师多半已经会相关的设计技巧了。     响应式网站的出现主要满足了行动族…

    从印刷时代开始，对话格就已经普遍用于出版产业，最常使用对话格方式的印刷品为广告产品，一些生活书籍、工具书、教科书也会利用对话格的方式强调重点，希望能够让观看者注意到、看到、最后记住最重要的资讯。   网页平面化设计普及后，对话格再次被设计师所重视。他不像是文字特效，透过字型的变化引起使用者的注意，而是另外开闢一区让使用者高度关注的区块，效果远比混合于文字内的特效更好。     对话格的种类     对话格的种类很多，大…