可能对于大多数来说,手机或许是生活中最不能舍弃的东西了,我以前还嗤之以鼻,然后就在今晚…充电线落别人家了,手机关机5个小时的状态我已经出现了不少麻烦事。
网页设计兼容性等相关技术
这一次教程里面提到了一些媒体查询的元素,对没错,记得之前要在html的头部加不少的引入文件什么的;
之外曾经用过一个很好上手的bootstrap可视化布局,可以利用自己的组件半个小时搭好各种布局。
其中浏览了一遍印象比较深刻的是提到了jquery,记得第一次看得到是单纯以为就是将JS的写法简化了,有点像less的意图……
其实就像曾经接触过的雪碧图、960px宽度的网页设计稿、PS中各式各样的网格插件等都是为了实现各个平台上的兼容,减少不必要的开发量而诞生的。
下面这张无地自容的网页设计图呢也是同样采取了较之前的宽度进行设计的,因此将其放大填充至自己的浏览器窗口也是还行的。
关于webapp与原生app
在设计按钮时,微网页(例:微信公众号“活动行”二级网页)按住左上角返回按钮时候整个色块进行变色,而APP多数做成返回按钮变色(更有美感);其次,网页目前限于技术会有明显闪的切换而APP有不少花俏效果十分流畅。
另外目前来说,ios app的开发一般多才有“6401136”即肾5、5c、5S的屏幕尺寸大小,这也是Mr.jobs逝世后的第一尺寸。 虽然这个潮流估计现在已经定iphone6的尺寸(7501334px)为标准了吧…
设计与代码的沟通
- 一个圆角矩形,只需要将圆角半径和中间拉长px数提交给设计稿即可;
- 进行UI手机的时候最好分三类:大中小,并且为了运行流畅尽量控制好图档数目;
- 多关心好将要设计的尺寸大小,不做无用功,例:一条目能兼容所有的机型;
极其重要的UI设计官方尺寸
http://www.shejidaren.com/examples/tools/chichun/ui-design-spec.html-转自设计达人网站
其实最好是可以通过自己上手机设备官网获取数据并总结。