桶装水vi设计的核心价值在于为企业打造独特的品牌,桶装水vi设计可以给企业带来良好的社会声誉和经济效益。
注:本文“桶装水vi设计”配图为本公司设计作品
"不要调整浏览器的大小,你会把它弄坏的!"你听过多少次了?好吧,也许没有那么多次,但是如果你开发响应式设计网站,你知道我在说什么:每次数字正射影像图或半铸钢钢性铸铁(Cast Semi-Steel)编辑,你都要来回拖动浏览器边缘,测试你的更改并寻找任何有问题的地方。
最终,这种努力的大部分是试图模拟不同设备的屏幕尺寸。
如果你在做公司开发,你可能有公司提供的各种设备来测试。在我工作的地方,我们有iPad、iPod、一两个其他的平板电脑、笔记本电脑和台式机。如果你没有那种奢侈,你必须使用任何现成的东西。
在我家里,我们有两台不同的笔记本电脑,两台不同的机器人设备阿金德尔和阿涅克斯7 .这些是我用来测试我的自由职业发展的设备,但显然这不是一个详尽的收集。根本没有ios设备,虽然我是一个早期用户,但我不打算在市场上出现每一部新手机/平板电脑时都买。
那么开发者应该做些什么呢?幸运的是,有越来越多的基于浏览器的工具可以模拟各种设备的屏幕尺寸。当然,不同的工具具有不同的特性集和不同的实用级别。我们将在这里看看其中的几个。
为了测试的目的,我使用了我做的第一个真正有反应的网站,睡衣在你的脚下。这个站点基于布朗尼HTML5模板,非常慷慨地免费提供给电子苹果上的开发社区。
我有反应吗?
我有反应吗?是一个非常简单、即时的站点视图,它可以在四种不同的设备上显示。这四个都是iOS,开发者解释说重点在网站上。它不提供任何控制和选择,只是一个非常简单、优雅的展示。
视窗大小是
台式机— 1600 x992px按比例缩小(0.3181)
笔记本电脑— 1280 x802px按比例缩小(0.277)
平板电脑— 768 x1024px按比例缩小(0.219)
移动—320 x 480像素按比例缩小(0.219)
引用开发者的话,"这不是一个用于测试的工具,在真实设备上进行测试非常重要。相反,这是一个快速截图(对我来说)的工具,可以让人们在客户会议上'明白'你的意思。"
两个非常好的特性是能够将"设备"拖动到屏幕上你想要的任何地方,以及能够将你的测试站点嵌入到你可以共享的阿林克中。在火狐浏览器中,至少在测试网站的结构下,iPhone上的侧滚动条不会显示,但在工业管理学(Industrial Engineering)和铬中会显示。
设备响应
设备响应类似于我有反应吗?因为它简单明了地显示了你的站点,没有任何控件或选项。所有设备同时显示在一个长页面上。它有一个有趣的功能,你可以通过编辑标题背景颜色和嵌入你自己的标志来自定义网站标题,然后通过屏幕截图分享。当你与顾客分享截图时,这可以让你在网站上留下自己的品牌。
此站点中模拟的设备和屏幕尺寸如下
Macbook — 1280 x800
苹果平板电脑肖像— 768 x1024
苹果平板电脑横版— 1024 x768
点燃纵向— 600 x
注:本文“桶装水vi设计”配图为本公司设计作品


总监微信咨询 舒先生

业务咨询 张小姐

业务咨询 付小姐