|
Post by account_disabled on Nov 26, 2023 3:44:08 GMT
原型让响应式设计变得简单 我们打开 Netscape 查看 990 像素宽的网页并使用一系列表格创建网站的日子已经一去不复返了。现在是 2015 年,网络正在以各种宽高比、方向、像素密度和分辨率进行消化,屏幕尺寸从 3 英寸到 30 英寸不等。 查看一些可以访问您网站的可能设备: 正如您所看到的,我们无法创建单一的固定宽度设计,现在我们希望客户能够满足他们的需求。如果没有移动设备的易用性,您网站 50% 或更多的访问者的用户体验将会受到影响。事实上,谷歌甚至开始惩罚没有响应的网站。 但你已经知道这一点了。因此,您至少创建两个 PSD,一个用于移动设备,一个用于桌面设备,也许还有几台平板电脑,以及横向和纵向。这是一个很大的进步,但也意味着大量的工作。 相比之下,使用 Bootstrap(用于快速创建网站的免费前端工具集合)等 电话号码清单 适合移动设备的框架构建原型可以让从一开始就轻松创建响应式网站。然而,您是一名设计师,可能不想编码。别担心,这个问题有解决办法。 这些原型是如何创建的? 也许您当前没有使用工作原型,因为: 他们通常需要更长的时间来制作 您对 HTML 和 CSS 不太了解或没有信心和/或 你的迭代速度较慢 但不幸的是,超过 2 会导致超过 1。 你是一名设计师。您知道如何使用 Photoshop 等工具进行设计,但您精心设计的网站的实际编码却落在了未知开发人员的手中。从表面上看,这听起来有点疯狂。我对吗?您这样做是因为您可能认为集成不值得您花时间或者太复杂。 事实上,情况并非如此;它比看起来简单。 没有像使用 Javascript、C++ 或 Ruby 等语言进行实际编程那样复杂的逻辑或数学。HTML 和 CSS 的基础知识一天之内就能学会。HTML 是一种构建页面内容的简单方法,而 CSS 是一系列属性值对(颜色:红色,显示:无)。 所以它并不太复杂。然而,由于它们的一些功能,掌握它们需要一些时间。但考虑到工作原型的好处,这种努力是值得的。您可以查看 Codecademy 的 HTML 和 CSS 课程,免费学习基础知识。 请记住,您只是欣赏其中的细微差别。小细节是设计从优秀走向卓越的关键。永远不要让这些在翻译中丢失。 零编码路线 如果您不想编码或只想来回开发客户端/设计器,最好的选择是现成的网站构建器。
|
|