网页设计后PSD时代(Post-PSD Era)

我们已经进入了网页设计的后PSD时代了吗？

在我的整个职业生涯，我常常看到非常有才华的设计师浪费了大量的时间来创造一个拥有网站全部细节的PS设计稿，像素被注明，细节效果被费力的展示，页面打印出来，挂在墙上，呈现给客户，

客户据此指手画脚给出反馈，然后设计师进行修改。如此反复直到所有人满意为止（或者没人再在乎No one gives a shit，出现这种情况比你想象的要频繁）。只有这个时候这些设计稿才会被提交给（更像是推给More like a push）开发人员来进行构建。

可惜在多设备（multi-device）时代，这个笨拙的流程正显得越来越没有意义。我并不是说要整个的扔掉Photoshop然后完全在浏览器上进行设计（Chrome开发工具又哪里有混合模式呢？），而是说在新型网页设计趋势下如何更好的理解Photoshop的使用方式和场景。

Photoshop适用于（Photoshop is great for）：

创建和编辑图像，正确的废话，编辑图形元素这个是PS的驾驶室。

建立设计基调（design atmosphere，如同Andy Clarke所言）: 颜色，结构（textures）以及整体设计感觉。这个在我看来是Photoshop和浏览器开发工具以及纸质设计相比较的最大优势。

草图（Sketching） – 毫无疑问Photoshop, 纸张原型会比用代码构造原型更快。不过，我得说一些工具比如像Codepen，正在变得让使用代码构造原型越来越他妈容易。

开发Style Tiles, mood boards, 等等。这些或多或少都和设计风格有关。

Photoshop不适用于（Photoshop is not great for）：

创造完整的填满的设计对象 – 实际上基本不可能在PS里描述清楚网站所有的环境、分比率、用户偏好和细节，停止尝试。停止描述“iPhone view” “iPad view”以及“Cinema display” view。有多得多的情况要处理。

描述状态、动效(Articulating states) – 对于悬浮（Hovers）, 点击（clicks）, 以及其他交互元素，直接构造原型比在Photoshop里的设计低质量图层对象要好。整个网站工作还有更多方面需要处理（性能、响应性、人类工程学、总体感觉），而不仅仅是视觉差异。使用PS勾勒出一个想法是一件事情，不过依照我的经验，设计师通常会越过这类事情的边界。

使用让你感到舒服的工具，清楚的辨别出什么时间点什么程度下会失去意义。充分而合理的使用你工具箱里面的各类工具，各擅其事，想出办法和客户沟通你的设计想法，而不是促使客户认为会有一个完整的拥有所有细节描述，毕其功于一役的PSD设计图。

或许类似于软件开发，这算是产品设计的去瀑布流，把敏捷模式引入到全流程。

iefreer注：原文发表在技术创业微门户：踏得网（Techbrood.com）

网页设计后PSD时代(Post-PSD Era)相关推荐

提交数据网页设计_数据化时代，爬虫工程师才是真正“扛把子”
在如今信息化.数字化的时代,人们已经离不开网络搜索了,但细想一下,你在搜索过程中能够真正获得相关信息,是因为有人在帮你把与之相关的内容筛选和呈递到你面前了.就像在饭店里,你点了土豆并且能吃到,是因为有 ...
准备创建独立站？2022年最新制作企业官网必看的网页设计全攻略
不管你选择自行架设或是委托给网页设计公司,网站架设从主机伺服器.网域名称.网页版面设计.网站视觉呈现,再到后续网站经营的追踪工具.行销推广策略,当中有大量的选择仍需要你自行决定,就算是网页设计公司也只 ...
主题元素html,海洋元素主题的网页设计
海洋元素主题的网页设计网页设计若是每一页都如海报一般精致,精心雕琢,那么这将会是万众瞩目的作品.对某一个网页精雕细琢也许可以,但是要是对整个网站而言,这却是难上加难.不用着急,大自然为我们想好了办法 ...
分享20款免费和创新的 PSD 网页设计模板
在线业务正迅速成为流行趋势,各行各业的公司都拥有自己的网站用于开展在线业务.如果你是一名设计师,经常都需要设计和制作网站,如果有现成的 PSD 网页设计模板可以使用的话,您可以快速的制作出精美的网站作 ...
HTML+CSS+JS体育网页制作 DW静态网页设计(篮球NBA 5页带psd文件 )
⛵ 源码获取文末联系 ✈ Web前端开发技术描述网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 校园篮球网页设计 | 足球体育运动 | 体育游泳运动 | 兵乓 ...
移动设计必备：iPhone 5S PSD 矢量原型免费下载
正如预期的那样,苹果公司最近发布了 iPhone 5S--其最新的旗舰级智能手机.新发布的 iPhone 5s,搭载了 iOS 7,看上去和 iPhone 5 几乎一模一样的,有岩石灰.金色以及银色三 ...
noip2014:螺旋矩阵_网页设计：2014年值得关注的20个最热门趋势
在不同的网站上花费了数小时的时间后,您往往会发现明显的设计趋势. 多年来,我撰写了有关不断变化的趋势的文章,特别是在网站布局和Web应用程序领域. 不断发展的W3C规范以及现代的Web浏览器为数字设计 ...
：网页设计与重构那些事儿
2019独角兽企业重金招聘Python工程师标准>>> 原作者:Lerroy,10年6月加入腾讯公司,视觉设计师,进入腾讯前一直从事网页设计.网页重构以及前端开发工作.主导并参与过包 ...
PS网页设计教程XXIX——如何在PS中设计一个画廊布局
作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,"熟读唐诗三百首,不会作诗也会吟". 本系列的教程来源于网上的PS教程,都是国外的 ...

网页设计后PSD时代(Post-PSD Era)

网页设计后PSD时代(Post-PSD Era)相关推荐

最新文章

热门文章