W Design & NEWS

不规范的设计师的技巧

W-design2016.01.25

我来自一个设计背景,并在几年前搬进了前端开发。有了响应的网页设计,设计师的需求正在转移。这里有一些提示,以帮助设计师整理不规范。在一个理想的世界,每个人的网络媒体设计也将是一个前端开发人员。这是简单的原因,设计是发展。要真正地把你的设计技能,你需要在一个环境中,你的设计。有趣的是,许多设计师从离线/印刷背景的任务设计的网页,提示无关的设计理念,试图详细的互动,并展示网页,在不同的屏幕尺寸。但问题是他们只是照片。我已经在这个位置上的一个开发者,我从一个设计师,不理解网络作为一个灵活的,互动媒体的设计。他们经常意识不到常见的做法,这扼杀了他们的创意。当然,你可以对你的想法进行排序,你认为一个下拉菜单应该看起来像,或一个按钮的各种状态,但直到你把这个变成了快速原型的浏览器你严重限制了自己。在更为严重的水平上,你可能会设计一些需要花大量的时间来构建,或者更糟的是,你甚至可能会设计一个可用性的噩梦!问题是,你真的不直到你离开Photoshop开始原型设计环境中它们是习惯知道;Web浏览器。设计师提示我现在要把我的肥皂盒脱下来,试着给那些在网上找到自己设计的设计师们提供一些实用的建议,但是对网页技术的构建却没有一个清晰的认识。网络和你的设计方案之间的差距在Photoshop或Illustrator设计是好的,但记住,这些应用使事情不同的Web浏览器。特别是,你会发现字体看起来不同于Photoshop,以及从浏览器。风格当然还会存在,但他们呈现的方式可能粗糙,平滑或有边缘尺寸上的差异。Photoshop是不是铬很多设计师喜欢用Photoshop滤镜来实现背景的影响。这些可以真正增加视觉设计,但尝试超越你的工作空间,确保这些影响可以任意规模或无限期地重复。确保他们可以被提取作为单独的文件使用的背景,并且你没有设计一个复杂的东西,不能建立合理的方便。Photoshop滤镜(即乘、线性等)上不存在的网页。它也应该不用说–但保持你的文件夹/层明智地命名,尽量不要使用大块的设计,这使得它很难开发人员一起工作。响应网页设计不仅仅是“桌面和移动”经常我会看到一个网站设计,有2种口味,桌面和移动。通常,这些将分别为960像素和320像素的宽度。麻烦的是,有没有这样的事情作为这些固定的宽度了,和我们所做的一切都需要完全灵活。开发者发现自己试着“填补空白”,设计师并没有考虑设计在825,650甚至1400像素宽(例如),这可能会导致一个真正的头痛的内容和导航结构崩溃的要求下,屏幕尺寸不考虑。安卓设备的一些例子安卓设备的一些例子。(来源)。要打击这种有缺陷的方法,试着把页面元素想象为单独的,模块化的实体,在同一环境中共存。解耦,但相关的,可重复使用。不要让部件看起来不同,在不同尺寸–我们只是同一内容的回流,因此它不会添加或删除不同的屏幕宽度的内容意义。不要浪费你的时间设计无限多的宽度,但要考虑页面元素的灵活和简单的可能。

解释互动这是一个特别艰难,因为Photoshop和Illustrator最终静态环境。不同于设计时,在浏览器中,在那里你可以访问本地响应,CSS动画和真实的网页元素(如按钮和复选框),在Photoshop中你需要费力地模拟事物如何可能看起来在它的初始状态,它的悬停状态,其点击状态,其残疾状态等。同样,因为这不是很明显,直到你的原型,许多设计师忽略了它和开发人员需要填补的空白。用户界面工具包可以帮助这个过程。一个用户界面工具包基本上是一个目录中列出了一个文件,以直观地描述交互式状态。用户界面工具箱但这只能解决一半问题。如果我们想要一个国家之间的过渡,我们如何表现?例如,一个复选框,可以把不同的颜色,当你的鼠标悬停在它–但这是一个二进制的“甩尾”或褪色吗?或者完全不同的东西?在上面的例子中,百分比的提示褪色吗?当它们消失或滑动时,它们会像幻灯片一样吗?或者他们只是出现?从内容开始!这听起来像是一个没有脑子,但在真正的内容设计!即使有了世界上最好的意图,你还只是猜测当你使用Lorem存有。有时真实的内容可能不存在,在这种情况下得到指导,从你的客户,他们是你的责任,当涉及到内容,所以不要害怕把压力。如果你正在设计围绕用户生成的内容,总是考虑边缘情况。“琼斯莎拉”将如何上传一张自己的照片?认为“杰梅因沃辛顿雷蒙德”谁不上传图片都–这是什么样子?不要强迫你的开发者为你工作。Photoshop是不是铬苹果手表,这是一个可爱的,思想的形象,但它是完全无用的任何其他营销抵押品。你有专业的拍照怎么可能是你的朋友,很好的框架爆头凑巧都有短的名字吗?位置,位置,位置我相信实用性超过意识形态,所以会不情愿地辞职,事实上,设计师会,在许多情况下,不理解的代码(甚至有一个愿望,学习)。如果是这样的话,我的最后一个建议是和你的开发人员进行持续的对话。真的是没有自我的空间,和长时间去了生产线的日子,当一个设计简单地得到交给一个开发人员(我知道这些天没有去,但他们真的应该)。坐在设计和建造过程中的每个其他的过程(其中,我们现在知道有一个巨大的重叠),你要消除设计模糊,挤压最前端的技术,确保一个更平滑的过程,并创造一个更好的产品。这是一个与任何设计师或开发人员的共鸣?让我们在评论中知道,我很想听听你的想法!

W design values every chance to work with you.