设计它来构建它:在为web设计时需要考虑什么
对我来说,照明变得越来越原型或蓝色印刷工具:它基本上是一个创造性的画布。 当我谈到网站的实际建设时,我真正从模型中得到的是我不能用css创建的东西。其余的只是一张地图来引导我。
好吧,所以我开始使用css来设计和创建浏览器中的一切-我不记得上次我把剪辑布局和图层拼凑在我的精灵身上。 对我来说,照明变得越来越原型或蓝色印刷工具:它基本上是一个创造性的画布。 当我谈到网站的实际建设时,我真正从模型中得到的是我不能用css创建的东西。其余的只是一张地图来引导我。
多年来,使用photoshopfireworksilustrator或任何其他图形应用程序设计网站的过程是模拟它。 确保一切看起来都很完美,把它切成薄片,放在一起-就像拼图。 css基本上使这个过程过时。你可以通过css做这么多事情。你以前只能在photoshop上做。 更有可能使用css3。
因为浏览器中的设计现在更可行,所以在设计逼真模型时考虑一些事情会使网站的建设更加快速和简单。
这只是一个侧面的描述,当我在下面讨论这些问题时,我添加了一些好的例子。 即使是实时网站,使用最少的照明剪辑(甚至任何类型的剪辑插件。 这些例子可能不直接适用于主题,而是整篇文章。
互联网上有无数真正伟大的字体。我们都想用我们发现的惊人字体来产生影响或声明。 但网页设计的一部分是为用户设计的,并确保页面上的所有印刷品都是可读和可访问的。 在设计之前,请考虑web上的字体是安全的还是可行的,并尽量避免难以通过html/css/js重建的字体。
按钮可能是开发人员的诅咒。 使用css或jascript设计的按钮是个好主意。 这有许多优点:活动文本自适应按钮没有图像加载,没有更多的按钮精灵,没有更多的大小特定的背景图像混淆。 没有图像按钮可以节省大量的时间来开发,所以在photoshop中创建一个超级精彩的按钮。 考虑它的超级幻想设计是否可以在css中实现,如果不是,如果不是,给你的开发人员一些大比萨饼和红牛。
有这么多不同尺寸的显示器,从320到480到2560。你需要考虑如何找出你的设计将以不同的尺寸出现。 响应设计是一种棘手的,因此在设计过程开始前询问它们。
并不是所有的网站都适用于较小的移动设备,但是考虑到网站的标准1024/720高达2560/1440是个好主意。 您甚至可能需要考虑如何查看您的设计水平和垂直。 但最重要的是要记住,设计需要一个可行的网络-以避免水平轧制条。
没有更多的拼图。 您需要使用任何标准网站的唯一真实图像可能是纹理和任何内置图像的重复背景图像。 在大多数情况下,你现在可以使用css来创建任何需要图像切片的东西。 css逐渐圆角转换和无数其他css选项器可用于重新创建这些类型的图像。
就像你在photoshop上创建了一个杰作一样,只要你问你是否所有的元素都可以由css创建。 css是一个非常强大的工具。令人惊讶的是,在photoshop中创建的大多数设计元素都可以很容易地被复制。 在您开始切割图片按钮规则或其他设计之前,请尝试查看您是否可以使用css创建它们。 从长远来看,这将使发展更容易、更有活力。 您的设计中的一些元素可能永远不会被css重新创建,因此请尝试减少这些元素。
不要设计超大型和复杂的背景图像,需要切片40个不同的部分,以便迅速加载。 不要设计一个1280像素广阔的网站。 不要设计一个不可行的网站。 熟悉显示大小、图像限制、文件限制和网络一般限制。
互联网是一个非常开放和灵活的地方,你可以创造你想要的任何东西,但在你开始设计之前,你需要考虑一些自然的限制。 只要你确保你不想创造一些不可能的东西。 如果您不知道发展的任何限制,则每隔一段时间编写一个网站是一个好主意,以便您可以熟悉您可以在互联网上做的事情,而不能做任何事情。 就我个人而言,我认为每个网络设计师都应该能够编写他们设计的html/css。
你需要考虑的一件事是,你可以随时改变它。 网页很容易更新。你基本上只是一个从链接到你的设计。 不要花太多时间坐在波图索普面前,试图改进设计。 使用网络作为可编辑的画布并不像印刷设计那么僵硬。你必须确保当你把它发送到打印机时一切都是完美的像素。
底线是你正在为互联网设计的。 虽然我们认为印刷设计和web设计是一样的,但事实并非如此。 它有自己的问题和限制,所以最好熟悉它们。 并熟悉通过html/css/jascript代码可以完成的内容。 只是为了笑和笑,试图设计一个网站来建造一个网站,而不是打开电话。我想你会惊讶的是,当它完成时,你只能在浏览器上设计它。
网站页面不收录的三个常见解决方案解决seo优化见效慢的方法企业网络营销:无精细 不成事做网络营销,不了解广告怎么行?网站建设中需要考虑哪些安全性问题?在网站优化中标题的抒写容易犯的几种错误提升网站权重有什么意义?企业网站做优化需要关注权重吗?什么是图片优化?如何做好图片优化呢?