触动人心的手机端页面设计

随着网络越来越发达，智能手机迅速普及，现在手机端网络已经占据市场的70%。近两年，手机流量从2G一直升级到现在的4G，还有各地免费开放的WIFI。人们从一开始的电脑冲浪，已经大部分时间都转移到如今更加方便携带的手机冲浪上了。在国外，媒体发布了一项关于智能手机的调查报告，据Bistro报道，人们在使用智能手机的时候，有66%在家里，59%在旅途上，52%在乘坐交通工具上，38%在餐厅里，30%在商场里。而使用手机上网的时间，已经远远的超过了打电话的时间，手机带来的便利，使得越来越多的人注意到了手机的商机，商家纷纷开始针对手机，做各式各样的营销，从而诞生了各种各样的应用产品，其中最具代表性的是，腾讯、百度、阿里、搜狐、360等。

手机端的营销迅速崛起，这让很多设计师们应接不暇，手机端的设计应该怎么做？如何去做好手机端的设计？然而尚未成熟的手机端设计路线，让设计师们很苦恼。作者经过多年的美工设计研究，一路走来，亲眼见证了手机端设计从一开始的雏形，发展到今天，深有感触，故编辑此书，帮助大家学会手机端设计，并让自己在手机端设计上，能高端大气上档次。

在本书中，作者会引用大量的案例，图稿，从入门开始，介绍手机端设计的做法，版式，细节，颜色，通过作者和多名经验丰富的美工设计师，近年来做过的手机页面设计，综合各方面的要素，来讲解手机端设计的做法，从浅到深的引导大家学习，掌握手机端设计的知识，提升动手做设计的能力。

手机端的设计，包括手机网站的设计、手机广告的设计，单屏页的设计、微信页面设计等。大家用手机打开淘宝，QQ，京东，微信朋友圈等，都可以看到大量这类型的手机端设计。而手机端设计是一个新的设计方向，它在屏幕、色调、营销角度，不同于电脑，在设计上，手机端的要求会和电脑端的要求有很大不同。

本书从基础入门，先做手机端的数据分析，再图文并茂的细谈手机端的版式、细节、配图、配色，引入大量案例，从每个点上，掌握手机页面设计要领。然后再把所有的点集中一起，做完整的设计分析。最后通过营销角度，来点评作品，让新手看完本书之后，不仅懂得怎么做一个手机页面，还懂得做一个适合营销的手机页面。

在阅读本书之前，希望大家会点Photoshop基础，对网页有一些了解，这些可以帮助大家更好的理解本书内容，更好的掌握技巧和要领。如果你是什么都不懂，刚转行想做美工设计，那么请在阅读相关方面的基础书籍之后，再来看本书，不然有可能无法看明白本书。

关于计算机、IT相关领域的作者，想写书的欢迎联系，359328195@qq.com

转载于:https://blog.51cto.com/11752738/1791106

触动人心的手机端页面设计相关推荐

Bootstrap4+MySQL前后端综合实训-Day04-AM【新闻管理手机端页面+数据库操作(PowerDesigner 图形化数据库设计软件、SQLyog软件)】
[Bootstrap4前端框架+MySQL数据库]前后端综合实训[10天课程博客汇总表详细笔记] 目录 W3C标准盒子模型和IE盒子模型的区别 Bootstrap4--新闻管理手机端页面菜 ...
手机端页面的自适应设计的开发思路
一直在找有关手机端页面自适应写得比较好的文章,今天终于找到一篇,个人觉得写得很详细.如果想要拿到需求就知道要适用什么方法,除了要熟练规则.多参考一些优秀网站,还要动手实践几次. 以下为转发的正文: 互 ...
移动端(手机端)页面自适应解决方案—rem布局篇
移动端(手机端)页面自适应解决方案-rem布局假设设计妹妹给我们的设计稿尺寸为750 * 1340.结合网易.淘宝移动端首页html元素上的动态font-size属性.设计稿尺寸.前端与设计之间协作 ...
手机端页面自适应解决方案—rem布局进阶版
旧版rem布局 <手机端页面自适应解决方案-rem布局>, 此方案仅适用于移动端web 文章底部常见问题说明第四条,笔者已给出一个相当便捷的解决方案,欢迎留言交流.(2017/9/9) 该 ...
移动端(手机端)页面自适应解决方案—rem布局篇 1
动端(手机端)页面自适应解决方案-rem布局假设设计妹妹给我们的设计稿尺寸为750 * 1340.结合网易.淘宝移动端首页html元素上的动态font-size属性.设计稿尺寸.前端与设计之间协作流 ...
html5写手机端页面
众位大神,有没有使用html5,以Bootstrap框架为核心来写手机端页面的资料?希望得到大家帮助!!! 欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器所展示的欢 ...
html+手机自适应源码,手机端页面自适应解决方案—rem布局（进阶版，附源码示例）...
一年前笔者写了一篇 <手机端页面自适应解决方案-rem布局>,意外受到很多朋友的关注和喜欢.但随着时间的推移,该方案已然过时,故为大家介绍一个目前我极力推荐使用的,更加完美的方案--rem ...
java手机界面太小_手机端页面在项目中遇到的一些问题及解决办法
原标题:手机端页面在项目中遇到的一些问题及解决办法来源:键盘上的眼泪 segmentfault.com/a/1190000015178877 1.解决页面使用overflow: scroll在iOS ...
[html] 如何禁止手机端页面缩放？
[html] 如何禁止手机端页面缩放? <meta name="viewport" content="user-scalable=no"> 个人简介 ...
html5手机端页面缩放问题的解决
通常在写HTML5手机端页面的时候,我们会发现页面所显示元素的比例不正确,那此时我们需要添加的就是: <meta name="viewport" content=" ...

触动人心的手机端页面设计

触动人心的手机端页面设计相关推荐

最新文章

热门文章