响应式网站设计的几点建议(2)

作者:admin 日期:2021-05-04

  响应网站的技术提示

  我已经解释了为什么引导客户很重要,现在我要告诉你设计响应式网站的最佳方法。

  你可能会理解你的开发和编码,当处理响应性网站时,每个人的工作流程都是不同的。这本身就很好,因为这意味着我们总能创造新的工作方式。

  别担心,我会给你一些设计响应网站的建议。结合上一篇文章(1)中关于设计响应式网站的一些建议,您应该能够轻松地将它们付诸行动。您可以选择使用它们,并在认为合适时将它们组合起来。尝试不同的方法来设计响应式网站,看看什么对您最有效。

  视觉手稿

  在photoshop(或任何其他设计软件)中为静态宽度的网站创建一系列视觉手稿过去是大多数设计师设计网站的方式,而对于某些设计师来说,此工作流仍然被使用。如果您喜欢使用图形设计软件来设计网站的视觉草稿,这是非常好的。

  但不要试图为每个分辨率或宽度设计一个可视草稿。大量的视觉草稿可能会让你发疯。相反,回想一下有关线框的技术文章。考虑一下我们如何查看这些线框的内容流,以及我们如何决定在设计草稿上布局所有内容。试着将它们转换为您的设计,并考虑当屏幕大小改变时,这些元素将如何流动和移动。锿。

  内容更改对于创建多个不同大小的显示模型很重要。但是对于其他一些更改,如文本编辑区域,我认为最好保留原始编码原型。如果您想为每个主要阶段设计一个模型,无论如何都要继续,只要您知道这会增加江干网站制作公司项目时间。

  在浏览器中设计

  你可能听说过过去围绕浏览器设计的争论。在浏览器设计中,你直接从线框阶段进入浏览器设计阶段,而不是使用任何图形软件来设计视觉手稿。如果你使用大量的在线工具来帮助你创建设计级元素,这也能很好地工作。呵呵。然而,许多设计师发现在浏览器中进行设计很困难,因为他们觉得这样做限制了他们的创造力,使他们很难想出创造性、独特和令人兴奋的视觉想法。但是作为一个开发者,你可能非常喜欢使用代码,所以你很乐意尝试在浏览器中进行设计,看看能得到什么结果。

  浏览器中的决策

  这可能是我个人的最爱。在浏览器中做决定意味着你可以同时在图形设计软件和浏览器中工作。就个人而言,我认为如果你想获得更好的设计结果,你必须把它放在浏览器中进行验证。在图形设计软件中,视觉手稿的呈现方式与在浏览器中不同。在浏览器中验证原型创建和快速迭代阶段要好得多。

  图形设计软件和浏览器的混合使用意味着你可以为你的设计和你必须做的决定提供很大的灵活性。尽管许多重要的创造性决定可以在图形软件中作出,浏览器是你最终选择的输出环境。

  内容优先,计算机优先还是移动优先

  首先,如果你没有从上面学到任何东西-首先开始你的设计工作。这意味着确保你使用真江干网站制作公司正的内容和你为你的网站设计的东西。

  第二,无论你是在移动设备上工作(从一个较小的布局开始)还是在桌面上自上而下工作(从一个全宽的布局开始)完全取决于你。网上有很多争议,但事实上,这是你自己的决定。你认为从大到小的尺寸更具创造性并不重要,即使你建立的网站适当的方式。

  一些有用的响应式设计工具

  让我总结一些有用的工具资源。有许多工具可以帮助您设计响应性网站。

  网格

  网格集

  祖鲁基金会

  因纽特人

  江干网站制作公司 字体

  类型转换

  Type组件

  样式指南和样式库

  花柱

  布拉德?弗罗斯特模式实验室

首页
电话
短信
联系