美文网首页
Lesson 3|移动端设计日益重要

Lesson 3|移动端设计日益重要

作者: 福尔摩洋 | 来源:发表于2016-02-21 01:32 被阅读35次

可能对于大多数来说,手机或许是生活中最不能舍弃的东西了,我以前还嗤之以鼻,然后就在今晚…充电线落别人家了,手机关机5个小时的状态我已经出现了不少麻烦事。

网页设计兼容性等相关技术

这一次教程里面提到了一些媒体查询的元素,对没错,记得之前要在html的头部加不少的引入文件什么的;
之外曾经用过一个很好上手的bootstrap可视化布局,可以利用自己的组件半个小时搭好各种布局。
其中浏览了一遍印象比较深刻的是提到了jquery,记得第一次看得到是单纯以为就是将JS的写法简化了,有点像less的意图……
其实就像曾经接触过的雪碧图、960px宽度的网页设计稿、PS中各式各样的网格插件等都是为了实现各个平台上的兼容,减少不必要的开发量而诞生的。


下面这张无地自容的网页设计图呢也是同样采取了较之前的宽度进行设计的,因此将其放大填充至自己的浏览器窗口也是还行的。


首页.jpg

关于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-转自设计达人网站

其实最好是可以通过自己上手机设备官网获取数据并总结。

相关文章

  • Lesson 3|移动端设计日益重要

    可能对于大多数来说,手机或许是生活中最不能舍弃的东西了,我以前还嗤之以鼻,然后就在今晚…充电线落别人家了,手机关机...

  • 4.1_实际应用

    1.移动iOS端 2.web前端 3.移动Android端 4.后端 5.设计

  • 移动端ui设计,移动端界面

    移动端ui设计,移动端界面。相信你可能对这个概念比较模糊,一般来说,ui设计分为移动端ui设计和PC端ui设...

  • iOS架构师之路:本地持久化方案

    作为移动端的架构师,做数据持久化方案的设计是很重要的核心工作之一。数据持久化无论在服务器端和移动客户端都是非常重要...

  • 移动端rem适配

    1.移动端适配使用技术 . sass . 单位rem 2.移动端设计稿转px 一般的移动端设计稿都是 750/13...

  • 移动端

    app Web App Hybird App 移动端页面 设计图 测试 移动端的设置 移动端的布局 弹性 fl...

  • web移动端常见面试题以及适配兼容问题

    1、移动端你们一般采用什么布局?移动端设计稿是多大的尺寸? ● 定宽布局 ● 一般移动端设计稿是640或者750的...

  • 移动端banner设计要点

    一、移动端banner设计规范主要有三点 1、信息传达明确 2、吸引用户点击 3、符合产品风格 二、移动端bann...

  • WEB端导航交互设计原则

    自己从事B类产品web端交互设计3年来,设计过各式各样的导航。导航是用户从A移动到B完成任务的重要指引,体验良好的...

  • 益杏运动app

    移动端ui及ue设计

网友评论

      本文标题:Lesson 3|移动端设计日益重要

      本文链接:https://www.haomeiwen.com/subject/flwvkttx.html