平板/笔记本
HiLink生态产品
终端云服务专区
转帖：安卓小知识普及，转给不知道的小白，大手勿喷
&略有小成&
来自：浏览器
本帖最后由 花舞鹊1 于
17:46 编辑
1、什么是ROM、RAM
A、很多拿到手机的童鞋会有这样的疑问，为什么标明的512MB的RAM查看只有300MB，标明的4G的ROM只有2G甚至700MB?
B、现在来简单解读一下ROM和RAM，还有为什么你的配置会“缩水”
C、ROM原意是只读储存器，但对于手机来说，特指闪存，是能够读写的存储空间，相当于电脑的硬盘。由于手机需要安装系统，安装运行支持的程序，这部分会占用一部分的空间，一般来说在300M左右，也就是512MB的ROM留给你200MB左右安装各种程序，如果是4G的ROM的话就可以有3G左右的空间留给你。针对现在android4.0的情况，512MB的ROM空间处于被淘汰的行列了，大家尽量选择4G的ROM的手机。特别提醒下：手机上会将ROM叫做内存，意思是内置存储空间，但是它和电脑上的内存是完全不同的
D、RAM原意是随机存取记忆体,这个才是我们平常电脑上所说的内存。RAM在开机后会固定加载一部分数据，以支持系统的运行，大概会占用200-300MB之间，这就是你感觉你的RAM缩水的原因。现在主流有512MB/768MB/1GB三种，当前Android系统对于硬件的要求方面，RAM是一个重要的指标，如果你选用512MB的RAM，那么你的可用RAM【就是厂商所称的可用运存】就只有200MB左右。针对当前的情况，如果是Android4.0的机器，最好选择768MB及以上的RAM，以便有更多的可用RAM，保证你有一个愉快的使用体验。
2、Android系统的隐私、财产保护需要注意了
Android隐私，安全形式是日益严峻了。除了大量软件要求获取定位信息、通讯录信息外，由于手机往往和手机里面的话费是紧密联系，这也导致了吸费软件的产生。
所以大家迫切需要提高安装使用APP的警惕性：
通过正规渠道下载软件：在下载安装应用程序时，提高警惕，尽量选择知名度高、口碑好的应用商城或者相应程序的官方网站，确保信息来源的可靠性。
避免安装不健康，未知的软件：大量恶意软件往往通过伪装吸引用户下载，因此，安装时，用户不要轻易点击短信、E-mail或社交网络中有风险的链接。
严控系统权限的授予：手机用户应树立风险意识，养成安装APP前检查APP请求的权限的习惯，比如一个简单的开关键盘灯的小软件，却要求一个读取联系人，发送短信的权限，肯定是不正常的。对此类软件尽量说不。
使用一些安全软件：使用安全软件检查APP是否有恶意代码或者恶意权限。我个人就喜欢LBE的权限管理而不是流行的Superuser，因为LBE提供了权限提醒功能。
不过针对上文有人曲解说是刷机引起的，虽然刷机会导致一定风险，比如不怀好意的刷机包，所以其实大家也需要对刷机包进行甄别，但是其实隐私泄漏、财产安全和刷不刷机、获不获取ROOT权限并无关联。不ROOT，不刷机恶意软件一样能获取隐私和盗取财产，切莫认为没有root，没有刷机就是绝对的安全
<font color="#ffGhz的主频强于0.8Ghz主频？谈谈手机性能由于厂商宣传产品的时候都会刻意强调主频，所以很多童鞋都会被误导了。主频高不代表一定就强，电脑时代就如此，还要看构架，GPU。以U8800和C8812和U8818为例。
U8800是armv7 A8的构架，构架优于C8812和U8818的A5，虽然主频只有800Mhz，但是其实性能还不错的，超频性能突出，基本超频到1.4Ghz都能稳定运行，可超频80%。GPU采用的Adreno 205，远优于Adreno 200
C8812和U8818虽然是1Ghz主频，但是其实CPU是做到了频率的极限了，基本没有任何再超频的可能，由于是A5构架，性能只是够用。其实这个芯主要的是加入了armv7指令集，提升了CPU性能，对GPU Adreno 200做了超频，使GPU超频后的性能非常接近Adreno 205，这样才有了流畅的应用体验。
所以当前的评测等都认为：C8812和U8818的MSM7227A这款芯性能接近U8800使用的MSM7230，不过注意，是接近。个人的感受是，普通应用上大家不会感受出来U8800相对于C8812和U8818的优势，但是如果真要说实际性能的话。U8800的MSM7230还是要优于C8812和U8818的MSM7227A的。
题外：不过并不是说U8800就好过C8812和U8818，因为C8812和U8818采用了更好更大的屏幕，做工更好。C8812还有前置摄像头，甚至个人感觉C8812的前置摄像头还要优于荣耀的前置摄像头。不过摄像头的品质上，U8800的摄像头是比C8812和U8818好的。
4、我应不应该装程序到SD卡
安装到SD卡还是安装到手机内部？
首先我谈谈安装程序到SD卡的坏处：
1、由于SD卡往往慢于系统内部ROM，所以第一个缺点是使得系统变慢，特别是安装的较多以后。
2、很多童鞋遇到过重新开机桌面插件丢失，这是因为如果你取出了SD卡，那些你安装到SD卡的程序就一个也无法使用了，而有时候你就是会取出SD卡。
3、在不支持MTP的2.3系统上[也包括一些4.0]，如果你安装程序过多，你连接电脑使用U盘时会发现连接成功很慢很慢，这是因为你安装程序到了SD卡，连接电脑时会处理安装到SD卡上的程序使得没有SD卡也能运行，安装的越多，你手机连接电脑就越慢。
4、由于读写频繁，肯定会缩短你的SD卡的寿命，并且现在假冒伪劣SD卡非常多。
那么为什么会产生安装程序到SD卡这种功能呢？在2.3之前android是不支持安装程序到SD卡的，那时候512MB的ROM大小，往往只有200M左右的数据空间[/data]，你安装50+的程序后，基本就满了，所以google在2.3中加入了APP2SD[安装程序到SD卡]这个功能，以此来解决ROM空间不够安装程序的问题。
而到了现在，很多手机都不再需要安装程序到SD卡，因为大部分机器现在都使用了4G的EMMC作为ROM，这个时候你的数据空间[/data]往往有600MB甚至2G大小，普通用户就算你使劲安装程序也许也用不完数据空间大小，结合APP2SD的众多缺点，安装程序到SD卡又变的可有可无了。
所以，结论就是，尽量不要安装程序到SD卡上面。
助人为乐，您最有爱*~(￣▽￣)~*.
width:100%">
&禁止发言&
来自：浏览器
提示: 作者被禁止或删除 内容自动屏蔽
width:100%">
&渐入佳境&
来自：浏览器
谢谢分享！
width:100%">
&已臻大成&
来自：浏览器
width:100%">
&略有小成&
来自：浏览器
ROM、RAM真是有点搞不懂。
width:100%">
&独步江湖&
来自：浏览器
很专业.............
width:100%">
&已臻大成&
来自：浏览器
因为热爱！
width:100%">
&初窥门径&
来自：浏览器
不错，楼主辛苦
width:100%">
&炉火纯青&
来自：浏览器
学习就长知识
width:100%">
&渐入佳境&
来自：浏览器
楼主辛苦了，顶一个。
width:100%">
好基友勋章
花粉好机友，注册时间大于99天
关注华为花粉俱乐部微信公众平台——“华为花粉俱乐部”
随手拍达人
在“花粉随手拍”中发布优质随手拍即有机会获取勋章。
申请成为热心花粉，满足热心花粉条件即可获得！http://cn.club.vmall.com/forum.php?mod=viewthread&tid=183642
1000万花粉
纪念花粉俱乐部注册花粉数超过1000万
1月7日前可申请自动获得，1月7日后参与其它相关活动获得。
深圳西涌上帝视角的星城戈壁里的莫高窟港澳游—风车，海边
花粉客户端
Make it Possible
Make your device special
华为云空间
Huawei cloud services
音乐播放器
Huawei Music
Huawei Vmall
关注花粉俱乐部
举报邮箱：
|关注花粉俱乐部：
增值电信业务经营许可证：苏B2-号|
Copyright (C)
华为软件技术有限公司 版权所有 保留一切权利&figure&&img src=&https://pic3.zhimg.com/v2-4ab61acea6_b.jpg& data-rawwidth=&633& data-rawheight=&438& class=&origin_image zh-lightbox-thumb& width=&633& data-original=&https://pic3.zhimg.com/v2-4ab61acea6_r.jpg&&&/figure&&p&
10种咖啡，10种爱情&/p&&p&
早就听说南庄园供应10种咖啡，&/p&&p&
昨天特意跑到国贸郎园Vintage，&/p&&p&
体会了10段不同的爱情风味！&br&&/p&&p&&strong& Chapter 01
拿铁咖啡&/strong&&/p&&figure&&img src=&https://pic2.zhimg.com/89fbcffe761_b.png& data-rawheight=&417& data-rawwidth=&630& class=&origin_image zh-lightbox-thumb& width=&630& data-original=&https://pic2.zhimg.com/89fbcffe761_r.jpg&&&/figure&&p&
牛奶的香甜和咖啡的苦涩，&/p&&p&
那场偶然的相遇，&/p&&p&
究竟是甜是苦——又或者两者相等？&/p&&p&
又有谁能一眼看到杯底，&/p&&p&
或者结局？&/p&&p&
Right Here Waiting&/p&&p&&strong&Chapter 02
爱尔兰咖啡&/strong&&/p&&figure&&img src=&https://pic1.zhimg.com/b89cdff9cb614_b.png& data-rawheight=&356& data-rawwidth=&541& class=&origin_image zh-lightbox-thumb& width=&541& data-original=&https://pic1.zhimg.com/b89cdff9cb614_r.jpg&&&/figure&&p&
浓烈的酒味弥漫在咖啡香中，&/p&&p&
恰如饮者心中矛盾而惶惑，&/p&&p&
究竟是想借酒来忘却，或者是用咖啡因来刻骨铭心？&/p&&p&&b&Chapter 03
维也纳咖啡&figure&&img src=&https://pic4.zhimg.com/b587be9ace0b782f50a3a502c6126a7b_b.png& data-rawheight=&688& data-rawwidth=&518& class=&origin_image zh-lightbox-thumb& width=&518& data-original=&https://pic4.zhimg.com/b587be9ace0b782f50a3a502c6126a7b_r.jpg&&&/figure&&/b&&/p&&p&
有人说，这是适合的恋爱的温柔咖啡。&/p&&p&
有时候，爱的滋味，类似等待——脉络清晰的三层：&/p&&p&
新鲜奶油，滚热咖啡，粗糙砂糖。&/p&&p&
知道么？时光若水，缓缓的流逝而过，贴切而温美。&/p&&p&
记得，不要搅拌。&/p&&p&&b&Chapter 04
欧蕾咖啡&figure&&img src=&https://pic1.zhimg.com/3c140c9fc3fe8fad9e36c_b.png& data-rawheight=&633& data-rawwidth=&626& class=&origin_image zh-lightbox-thumb& width=&626& data-original=&https://pic1.zhimg.com/3c140c9fc3fe8fad9e36c_r.jpg&&&/figure&&/b&&/p&&p&
报纸，面包，摩卡壶。&/p&&p&
双手合围住极大的杯身，&/p&&p&
一整日的温暖，&/p&&p&
从清晨那一杯咖啡色液体开始。&/p&&p&
日日如此&/p&&p&&b&Chapter 05
炭烧咖啡&figure&&img src=&https://pic3.zhimg.com/4ab61acea6_b.png& data-rawheight=&438& data-rawwidth=&633& class=&origin_image zh-lightbox-thumb& width=&633& data-original=&https://pic3.zhimg.com/4ab61acea6_r.jpg&&&/figure&&/b&&/p&&p&
你知道，&/p&&p&
并非烘培得越深，咖啡便越苦。&/p&&p&
当咖啡氤氲起木材的清香，&/p&&p&
再回味，舌尖绽开的味蕾，&/p&&p&
依然只是觉得苦涩。&/p&&p&Chapter 06
夏威夷咖啡&/p&&p&
夏威夷科纳的咖啡豆，&/p&&p&
淡淡隐藏着坚果香味&/p&&p&
——回忆弥足珍贵，&/p&&p&
而这一刻，&/p&&p&
与现实交错&/p&&p&&b&Chapter 07
爪哇咖啡&figure&&img src=&https://pic4.zhimg.com/955b2be403d2a2cff0a3c63bd63a689f_b.png& data-rawheight=&421& data-rawwidth=&629& class=&origin_image zh-lightbox-thumb& width=&629& data-original=&https://pic4.zhimg.com/955b2be403d2a2cff0a3c63bd63a689f_r.jpg&&&/figure&&/b&&/p&&p&
世界上最苦涩的咖啡是什么？&/p&&p&
未必便是爪哇，&/p&&p&
可其实有什么关系？&/p&&p&
涩到了极点，甚至不渗透酸。&/p&&p&
最纯粹的苦，只是心灵&/p&&p&&b&Chapter 08
香草咖啡&figure&&img src=&https://pic2.zhimg.com/81ab9b72b59c77aadfd46f3d_b.png& data-rawheight=&291& data-rawwidth=&549& class=&origin_image zh-lightbox-thumb& width=&549& data-original=&https://pic2.zhimg.com/81ab9b72b59c77aadfd46f3d_r.jpg&&&/figure&&/b&&/p&&p&
只是贪恋温馨而萦绕齿间的云呢拿的香味——&/p&&p&
那么有欺骗性的温暖，&/p&&p&
饮在喉间，&/p&&p&
反复的，&/p&&p&
却只是独属咖啡的味道。&/p&&p&&b&Chapter 09
卡布基诺咖啡&figure&&img src=&https://pic2.zhimg.com/ebd23e5abf30b022f0f4c9_b.png& data-rawheight=&467& data-rawwidth=&627& class=&origin_image zh-lightbox-thumb& width=&627& data-original=&https://pic2.zhimg.com/ebd23e5abf30b022f0f4c9_r.jpg&&&/figure&&/b&&/p&&p&
那样香浓丰盈的奶泡，&/p&&p&
绵密的盖住Espresso,&/p&&p&
花式浪漫得让人猝不及防&/p&&p&&b&Chapter 10
康宝兰咖啡&/b&&/p&&p&
纯白的奶油，&/p&&p&
褐色的Espresso——如果只是这样纯净的两色，&/p&&p&
便更需要沉静的心情，&/p&&p&
一者化去甜腻，&/p&&p&
一者消除苦涩。&/p&
10种咖啡，10种爱情 早就听说南庄园供应10种咖啡， 昨天特意跑到国贸郎园Vintage， 体会了10段不同的爱情风味！
Chapter 01 拿铁咖啡 牛奶的香甜和咖啡的苦涩， 那场偶然的相遇， 究竟是甜是苦——又或者两者相等？ 又有谁能一眼看到杯底， 或者结局？ Rig…
答主是一个业余插画爱好者&b&, 擅长纹身、字体、装饰画。&/b&&p&&b&说一下我画画经常用的网站（从高频到低频）：Instagram, Lofter, 站酷，Weibo, Behance, 设计之家，公众号。&/b&&/p&&br&PS. 我想说明的是，插画、设计、字体、艺术、摄影，都是不分家的，并不是说你想学插画就只看插画作品，他们都是想通的，可以互为灵感导流，所以这里我分享的资源以插画为主但不仅仅限于插画。希望对大家有用~&br&&br&&p&现在发一些我比较满意的个人作品吧。&/p&&figure&&img src=&https://pic2.zhimg.com/50/d74e4d910b908b8105c5c_b.jpg& data-rawwidth=&2480& data-rawheight=&3508& class=&origin_image zh-lightbox-thumb& width=&2480& data-original=&https://pic2.zhimg.com/50/d74e4d910b908b8105c5c_r.jpg&&&/figure&&p&&a href=&//link.zhihu.com/?target=http%3A//weixin.qq.com/r/qEkxKQPEWF4nrUdK9xy6& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&weixin.qq.com/r/qEkxKQP&/span&&span class=&invisible&&EWF4nrUdK9xy6&/span&&span class=&ellipsis&&&/span&&/a& (二维码自动识别)&/p&&figure&&img src=&https://pic3.zhimg.com/50/9a40235ee1eec6a026da_b.jpg& data-rawwidth=&2480& data-rawheight=&3508& class=&origin_image zh-lightbox-thumb& width=&2480& data-original=&https://pic3.zhimg.com/50/9a40235ee1eec6a026da_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/50/f832f109eec2a4adb2c9c7f988fc5008_b.jpg& data-rawwidth=&2480& data-rawheight=&3508& class=&origin_image zh-lightbox-thumb& width=&2480& data-original=&https://pic4.zhimg.com/50/f832f109eec2a4adb2c9c7f988fc5008_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/50/4e436cb138fb61aaa9d69a_b.jpg& data-rawwidth=&2480& data-rawheight=&3508& class=&origin_image zh-lightbox-thumb& width=&2480& data-original=&https://pic3.zhimg.com/50/4e436cb138fb61aaa9d69a_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/50/d8e245ec4fb808a92b8f_b.jpg& data-rawwidth=&2480& data-rawheight=&3508& class=&origin_image zh-lightbox-thumb& width=&2480& data-original=&https://pic1.zhimg.com/50/d8e245ec4fb808a92b8f_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/50/6fea26c9b74f47ef79bcb39a_b.jpg& data-rawwidth=&2480& data-rawheight=&3508& class=&origin_image zh-lightbox-thumb& width=&2480& data-original=&https://pic4.zhimg.com/50/6fea26c9b74f47ef79bcb39a_r.jpg&&&/figure&&br&由于国内墙的限制，这里我就只分享不用翻墙的资源好了。&br&&b&1.站酷 我的账号：smrzhao4295 &/b&&br&&figure&&img src=&https://pic4.zhimg.com/50/f755a3a2a7a6da3cc9dca_b.jpg& data-rawwidth=&2168& data-rawheight=&800& class=&origin_image zh-lightbox-thumb& width=&2168& data-original=&https://pic4.zhimg.com/50/f755a3a2a7a6da3cc9dca_r.jpg&&&/figure&&b&站酷上，我关注了哪些大神&/b&&br&&figure&&img src=&https://pic4.zhimg.com/50/51ef8d80b308aac87aa9_b.jpg& data-rawwidth=&1964& data-rawheight=&1332& class=&origin_image zh-lightbox-thumb& width=&1964& data-original=&https://pic4.zhimg.com/50/51ef8d80b308aac87aa9_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/50/342ecbedd3920_b.jpg& data-rawwidth=&1946& data-rawheight=&1318& class=&origin_image zh-lightbox-thumb& width=&1946& data-original=&https://pic3.zhimg.com/50/342ecbedd3920_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/50/d6a4f7527a_b.jpg& data-rawwidth=&1914& data-rawheight=&1316& class=&origin_image zh-lightbox-thumb& width=&1914& data-original=&https://pic2.zhimg.com/50/d6a4f7527a_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/50/cfd94ce97bb_b.jpg& data-rawwidth=&1968& data-rawheight=&1336& class=&origin_image zh-lightbox-thumb& width=&1968& data-original=&https://pic2.zhimg.com/50/cfd94ce97bb_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/50/70cd771437d_b.jpg& data-rawwidth=&1930& data-rawheight=&996& class=&origin_image zh-lightbox-thumb& width=&1930& data-original=&https://pic2.zhimg.com/50/70cd771437d_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/50/e53871b6bcade2c8bef78ebf6be55513_b.jpg& data-rawwidth=&1940& data-rawheight=&1320& class=&origin_image zh-lightbox-thumb& width=&1940& data-original=&https://pic2.zhimg.com/50/e53871b6bcade2c8bef78ebf6be55513_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/50/681de598d44c8e69fc41_b.jpg& data-rawwidth=&1940& data-rawheight=&994& class=&origin_image zh-lightbox-thumb& width=&1940& data-original=&https://pic2.zhimg.com/50/681de598d44c8e69fc41_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/50/f663ed87a11e_b.jpg& data-rawwidth=&1940& data-rawheight=&1318& class=&origin_image zh-lightbox-thumb& width=&1940& data-original=&https://pic4.zhimg.com/50/f663ed87a11e_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/50/fbd6ceed7731cd_b.jpg& data-rawwidth=&1928& data-rawheight=&1324& class=&origin_image zh-lightbox-thumb& width=&1928& data-original=&https://pic1.zhimg.com/50/fbd6ceed7731cd_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/50/04adf6b83ebaee8923988_b.jpg& data-rawwidth=&1926& data-rawheight=&1324& class=&origin_image zh-lightbox-thumb& width=&1926& data-original=&https://pic4.zhimg.com/50/04adf6b83ebaee8923988_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/50/9edf4924_b.jpg& data-rawwidth=&1922& data-rawheight=&1286& class=&origin_image zh-lightbox-thumb& width=&1922& data-original=&https://pic2.zhimg.com/50/9edf4924_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/50/3a43d13cf7b2ecdc77fec4_b.jpg& data-rawwidth=&1942& data-rawheight=&1320& class=&origin_image zh-lightbox-thumb& width=&1942& data-original=&https://pic2.zhimg.com/50/3a43d13cf7b2ecdc77fec4_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/50/e038f0452abbac58cb0396_b.jpg& data-rawwidth=&1922& data-rawheight=&1316& class=&origin_image zh-lightbox-thumb& width=&1922& data-original=&https://pic3.zhimg.com/50/e038f0452abbac58cb0396_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/50/afd209cbdd8b985d8e781b8ed2f0654b_b.jpg& data-rawwidth=&1922& data-rawheight=&1324& class=&origin_image zh-lightbox-thumb& width=&1922& data-original=&https://pic1.zhimg.com/50/afd209cbdd8b985d8e781b8ed2f0654b_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/50/d992b47b197d9f544ee81_b.jpg& data-rawwidth=&1904& data-rawheight=&1332& class=&origin_image zh-lightbox-thumb& width=&1904& data-original=&https://pic3.zhimg.com/50/d992b47b197d9f544ee81_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/50/ba35a70dff8af2fadb35af8_b.jpg& data-rawwidth=&1928& data-rawheight=&1324& class=&origin_image zh-lightbox-thumb& width=&1928& data-original=&https://pic2.zhimg.com/50/ba35a70dff8af2fadb35af8_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/50/837b86df0e913cec5f45_b.jpg& data-rawwidth=&1948& data-rawheight=&1322& class=&origin_image zh-lightbox-thumb& width=&1948& data-original=&https://pic1.zhimg.com/50/837b86df0e913cec5f45_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/50/9a14aeaf87d47_b.jpg& data-rawwidth=&1946& data-rawheight=&644& class=&origin_image zh-lightbox-thumb& width=&1946& data-original=&https://pic1.zhimg.com/50/9a14aeaf87d47_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/50/ba5811aba3e0d3fc7d4f5d6b791d409b_b.jpg& data-rawwidth=&1928& data-rawheight=&1326& class=&origin_image zh-lightbox-thumb& width=&1928& data-original=&https://pic4.zhimg.com/50/ba5811aba3e0d3fc7d4f5d6b791d409b_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/50/b2ff2aedf460d49b061d784b883646ff_b.jpg& data-rawwidth=&1910& data-rawheight=&988& class=&origin_image zh-lightbox-thumb& width=&1910& data-original=&https://pic4.zhimg.com/50/b2ff2aedf460d49b061d784b883646ff_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/50/d63ed316ca922_b.jpg& data-rawwidth=&1920& data-rawheight=&652& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&https://pic2.zhimg.com/50/d63ed316ca922_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/50/fc73df074ad78ba4725b49a_b.jpg& data-rawwidth=&1920& data-rawheight=&1314& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&https://pic3.zhimg.com/50/fc73df074ad78ba4725b49a_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/50/50db8f48003cdabfd09bd_b.jpg& data-rawwidth=&1910& data-rawheight=&1310& class=&origin_image zh-lightbox-thumb& width=&1910& data-original=&https://pic2.zhimg.com/50/50db8f48003cdabfd09bd_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/50/e49df1a07c8f17ee1e8760_b.jpg& data-rawwidth=&1924& data-rawheight=&1298& class=&origin_image zh-lightbox-thumb& width=&1924& data-original=&https://pic3.zhimg.com/50/e49df1a07c8f17ee1e8760_r.jpg&&&/figure&&br&&b&2. 微博 我的账号：smrzhao&/b&&br&&figure&&img src=&https://pic3.zhimg.com/50/262be4e59b6cfbafe447d9_b.jpg& data-rawwidth=&456& data-rawheight=&334& class=&origin_image zh-lightbox-thumb& width=&456& data-original=&https://pic3.zhimg.com/50/262be4e59b6cfbafe447d9_r.jpg&&&/figure&&br&分享一些我觉得不错的设计插画类微博：&a href=&//link.zhihu.com/?target=http%3A//mp.weixin.qq.com/s%3F__biz%3DMzAwMDYyNjU1OA%3D%3D%26tempkey%3DApCRqoWS5uHYtVdv5laT1ibZMWx%252Fkr%252Fe4w17Bx%252B%252FWgivqs4rqcaDvOsa4uVzZHsa3b0Rslu49s2W2Gw9URJZhqM8RbSDc%252BEm5c7%252B0zUvMLWcSWzSBJWagP6qQMH2ENzB09VoUMTPlerDPoo7Seg1lg%253D%253D%26%23rd& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&分享一些我关注的小众而惊喜的图片类微博&/a&&br&&br&&b&微博上，我关注了哪些大神？&/b&&br&&figure&&img src=&https://pic1.zhimg.com/50/aaefc28b206d1a7_b.jpg& data-rawwidth=&1176& data-rawheight=&1170& class=&origin_image zh-lightbox-thumb& width=&1176& data-original=&https://pic1.zhimg.com/50/aaefc28b206d1a7_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/50/3efbfd40fef9ed89fb8d365ef3674bb9_b.jpg& data-rawwidth=&1172& data-rawheight=&862& class=&origin_image zh-lightbox-thumb& width=&1172& data-original=&https://pic4.zhimg.com/50/3efbfd40fef9ed89fb8d365ef3674bb9_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/50/ba57e401ce2f_b.jpg& data-rawwidth=&1166& data-rawheight=&868& class=&origin_image zh-lightbox-thumb& width=&1166& data-original=&https://pic4.zhimg.com/50/ba57e401ce2f_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/50/ce4bb9e3d884b_b.jpg& data-rawwidth=&1166& data-rawheight=&844& class=&origin_image zh-lightbox-thumb& width=&1166& data-original=&https://pic2.zhimg.com/50/ce4bb9e3d884b_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/50/81c737cd203cc781d93ea5_b.jpg& data-rawwidth=&1170& data-rawheight=&860& class=&origin_image zh-lightbox-thumb& width=&1170& data-original=&https://pic4.zhimg.com/50/81c737cd203cc781d93ea5_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/50/71f31de5d2f4a6e765a8_b.jpg& data-rawwidth=&1172& data-rawheight=&866& class=&origin_image zh-lightbox-thumb& width=&1172& data-original=&https://pic2.zhimg.com/50/71f31de5d2f4a6e765a8_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/50/488baf20ba7dac29ae88793_b.jpg& data-rawwidth=&1170& data-rawheight=&866& class=&origin_image zh-lightbox-thumb& width=&1170& data-original=&https://pic4.zhimg.com/50/488baf20ba7dac29ae88793_r.jpg&&&/figure&&br&&br&&b&3. LOFTER 我的账号：smrzhaodrawing&/b&&br&&figure&&img src=&https://pic3.zhimg.com/50/0b238bffd968_b.jpg& data-rawwidth=&750& data-rawheight=&500& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&https://pic3.zhimg.com/50/0b238bffd968_r.jpg&&&/figure&&b&LOFTER上，我关注了哪些大神？&/b&&br&&figure&&img src=&https://pic4.zhimg.com/50/ead25dc3cb96fda8f95466ebc5045c18_b.jpg& data-rawwidth=&1220& data-rawheight=&1312& class=&origin_image zh-lightbox-thumb& width=&1220& data-original=&https://pic4.zhimg.com/50/ead25dc3cb96fda8f95466ebc5045c18_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/50/9b99ecccc48e987b308f23_b.jpg& data-rawwidth=&1222& data-rawheight=&1322& class=&origin_image zh-lightbox-thumb& width=&1222& data-original=&https://pic4.zhimg.com/50/9b99ecccc48e987b308f23_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/50/1c059debbe2a_b.jpg& data-rawwidth=&1222& data-rawheight=&1326& class=&origin_image zh-lightbox-thumb& width=&1222& data-original=&https://pic4.zhimg.com/50/1c059debbe2a_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/50/2b53fd12a1eaec_b.jpg& data-rawwidth=&1214& data-rawheight=&1316& class=&origin_image zh-lightbox-thumb& width=&1214& data-original=&https://pic3.zhimg.com/50/2b53fd12a1eaec_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/50/fff15ab020886eda3409_b.jpg& data-rawwidth=&1210& data-rawheight=&1316& class=&origin_image zh-lightbox-thumb& width=&1210& data-original=&https://pic2.zhimg.com/50/fff15ab020886eda3409_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/50/926cb2f3f842cd260d161_b.jpg& data-rawwidth=&1220& data-rawheight=&1318& class=&origin_image zh-lightbox-thumb& width=&1220& data-original=&https://pic3.zhimg.com/50/926cb2f3f842cd260d161_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/50/6c5d4d075cdf_b.jpg& data-rawwidth=&1216& data-rawheight=&1180& class=&origin_image zh-lightbox-thumb& width=&1216& data-original=&https://pic2.zhimg.com/50/6c5d4d075cdf_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/50/aa2ae188d94ce02c2f37c2_b.jpg& data-rawwidth=&1210& data-rawheight=&1312& class=&origin_image zh-lightbox-thumb& width=&1210& data-original=&https://pic2.zhimg.com/50/aa2ae188d94ce02c2f37c2_r.jpg&&&/figure&&b&&u&&br&设计插画类网站盘点&/u&&/b&&br&&br&&br&&b&1. INSTAGRAM &/b&&br&优点：更新速度快，国际化，很多网红设计师插画师，属于比较私人化的插画平台，社交感很强。&br&缺点：保存图片一般需要截图，而且没有收藏和分类功能，需要翻墙。&br&&a href=&//link.zhihu.com/?target=https%3A//www.instagram.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://www.&/span&&span class=&visible&&instagram.com/&/span&&span class=&invisible&&&/span&&/a&&br&&br&&b&2. Behance&/b&&br&优点：作品水平一流，国际化，分类很全很专业，比较官方，适合有一定水平的插画师。&br&缺点：门槛比较高，商业案例不够本土化。&br&&a href=&//link.zhihu.com/?target=https%3A//www.behance.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Behance&/a&&br&&br&&b&3. 站酷&/b&&br&优点：集合了中国顶尖的一批插画设计人才和一些水平一般的爱好者，作品丰富，水平中等，有免费素材下载，门槛低。商业案例很丰富符合国人市场标准，参考性很强。&br&缺点：分类不是很专业（比如字体、涂鸦等没有专门的细分），不够国际化。&br&&a href=&//link.zhihu.com/?target=http%3A//www.zcool.com.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&站酷 (ZCOOL)&/a&&br&&br&&b&4. 涂鸦王国&/b&&br&优点：集合了中国最多的涂鸦（动漫水彩为主）的人才和爱好者，作品量大，画漫画在上面容易火，寂地就是在涂鸦王国火起来的。&br&缺点：感觉界面比较杂，本人玩了一段时间就放弃了，不适合我这种画风。&br&&a href=&//link.zhihu.com/?target=http%3A//www.poocg.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&涂鸦王国_原创绘画社交网站www.poocg.com&/a&&br&&br&&b&5. LOFTER&/b&&br&优点：集聚了一批中国比较有潜力的插画师，大触好像都不玩这个了，比较活跃的LOFTER插画师一部分小有名气，一部分作品不错但是尚未成名。作品量丰富，比较私人化，社交感强。最重要的是上面有很多写字很好看的达人，这个我在其他平台上还没见过，这是比较亮点的地方。&br&缺点：没有分类功能，找画师和作品比较困难，全靠平时积累。&br&&a href=&//link.zhihu.com/?target=http%3A//www.lofter.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&LOFTER（乐乎）&/a&&br&&br&&b&6. 微博&/b&&br&优点：大触都玩这个，自媒体嘛，比较私人化，作品和生活并驾齐驱的更新；资源比较丰富。很多手账达人和橡皮刻章达人，这个赞！门槛低。&br&缺点：很多广告，作品更新不纯粹，水平层次不齐的，找画师和作品还是比较麻烦，全靠平时积累。&br&&br&&b&7. 设计之家&/b&&br&我做logo看的比较多，插画其实资源比较少，不过也是可以看的，水平中等。&br&&a href=&//link.zhihu.com/?target=http%3A//www.sj33.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&设计之家 - 传播先进设计理念 推动原创设计发展&/a&&br&&br&&b&8. 公众号&/b&&br&关注了一大批，平时都很少看过&br&&br&&b&9. Dribble&/b&&br&资源还是很丰富的，跟BEHANCE有点像，不过答主没怎么玩，所以不写点评了&br&&a href=&//link.zhihu.com/?target=https%3A//dribbble.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - Show and tell for designers&/a&&br&&br&&b&10. PINTEREST&花瓣网&/b&&br&优点：分类做的比较完善，这个就是收藏图片的工具，作为一个设计师插画师线上资源库是很好的。Pinterest上面很多配色的图案例资源。&br&缺点：花瓣网图片很山寨，质量一般。Pinterest还不错，但是我没怎么用了。&br&&a href=&//link.zhihu.com/?target=https%3A//www.pinterest.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://www.&/span&&span class=&visible&&pinterest.com/&/span&&span class=&invisible&&&/span&&/a&&br&&br&&b&11. 堆糖&/b&&br&优点：也是收集的资源库。&br&缺点：水平不够，大部分插画达人还是画卡通的。&br&&a href=&//link.zhihu.com/?target=http%3A//www.duitang.com/people/%3Fuser_id%3D& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&sMrZhao的堆糖个人主页&/a&&br&&br&&b&12. 其他网站（答主没用过，搬运的噢）&/b&&br&&a href=&//link.zhihu.com/?target=http%3A//www.uisdc.com/35-illustrations-modern-web-design& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&35个完美运用插画设计的网站&/a&&br&&a href=&//link.zhihu.com/?target=http%3A//zaodula.com/archives/21147.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&如果只知道Dribbble、behance、站酷你就OUT啦-早读课&/a&&br&&a href=&//link.zhihu.com/?target=http%3A//toutiao.com/iFopen_source%3Dweibo_search& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&干货丨15个国外最佳插画素材下载网站&/a&&br&这里有各种视觉网站资源：&a href=&//link.zhihu.com/?target=http%3A//hao.uisdc.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&SDC设计师网址导航&/a&&br&世界上最有趣的网格漫画：&a href=&//link.zhihu.com/?target=http%3A//www.pidjin.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Fredo and Pidjin. The Webcomic.&/a&&br&韩国插画设计网，人设为主：&a href=&//link.zhihu.com/?target=http%3A//sakiroo.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&SAKIROO – Character Artist, Korea&/a&&br&高清动漫壁纸，CG插画网站：&a href=&//link.zhihu.com/?target=http%3A//coolvibe.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&coolvibe.com/&/span&&span class=&invisible&&&/span&&/a&&br&&br&&p&&strong&&u&我的自学过程&/u&&/strong&&/p&&br&&p&说说自己的学习过程。其实画画个人觉得最重要的四个因素，&strong&天赋、努力、平台、阅历&/strong&。&br&&/p&&p&&b&1. 天赋&/b&&/p&&p&天赋不用多说，就是自己的一些审美和艺术细胞，最后落脚点在你的独特风格，不是一直临摹，而是可以自由创作，独具一格，具有辨识度，可以在其他画手里脱颖而出。&/p&&p&&b&2. 努力&/b&&/p&&p&努力，自然是必须的，小时候我画画在同龄人不算好的，但是我因为兴趣一直坚持下来，所以现在看来身边除了美术专业出身的，其他还会画画的人已经不多了。相信一万个小时计划，执行比想象更重要。 &/p&&p&&b&3. 努力&/b&&/p&&p&平台就是你所在的环境、人脉、资源，简单来说，一是商业需求，大学在深圳念书，研究生在香港，这边因为商业发达，需求量较多，机会也较多，然后经济较好，甲方的购买力也比较强，大家文化素质也比较高，重视艺术设计，出得起这个价格请你画画，相比起来，小城市会困难很多。二是你所在的城市环境决定了你的艺术熏陶，举个例子，深圳香港这边每个月都有各自展览，然后美术馆博物馆挺多，身边也有世界各地的艺术家和设计师，也会举办各种讲座，在这样的环境下，你会拥有更多学习的机会，获得更多的有效信息。&/p&&p&&b& 4. 阅历&/b&&/p&&p&最后是阅历，我想说明的是，下面这张图是我初三14岁画的，不过是临摹的哈。&/p&&figure&&img src=&https://pic3.zhimg.com/50/3918fcb45c46d29a933cb26ba4fecfee_b.jpg& data-rawwidth=&651& data-rawheight=&935& class=&origin_image zh-lightbox-thumb& width=&651& data-original=&https://pic3.zhimg.com/50/3918fcb45c46d29a933cb26ba4fecfee_r.jpg&&&/figure&前面发的图是最近三年内画的，其实专业一点的人可以看得出，我绘画技术在初中的时候已经不算很差吧，这些年更多的是风格的转变，然后画画的布局结构更加有逻辑性和艺术感，其实我觉得这是跟阅历有关，比如读书，艺术史，绘画史之类的，或者旅游，去世界各地的美术馆或者展览，经历的越多，对世界对社会对周围环境的理解加深，创作的时候会更有条理性，在跟甲方对接需求的时候，也更能理解到对方需求所在。&br&&br&&b&&u&关于插画学习，我的心得是&/u&&/b&&br&&b&&br&1. 初期：&/b&少看鸡汤，多练习作品。如果喜欢画画，可以找个培训班学习，老师会教你基本的技法，你自己也在摸索你适不适合或者说，哪种风格的你最喜欢。&br&&b&2. 中期：&/b&积累经验、混圈子、提高自我市场价值。作品有固定的风格，然后达到一定水平之后，多发布在一些好的平台，获得曝光度。投稿，参加各种社群活动，混圈子，认识更多的大触。这个阶段会有各种各种的商业合作，大品牌合作最好是迅速提高自我知名度的好机会，你也会积累更多的经验和提高自我的市场价值。&br&&b&3. 后期：&/b&自我突破和个人价值实现。很多大师在创作的时候并没有想过自己哪天会出名或者是自己的画可以值多少钱，创作的过程中要断绝一切商业化的念头，保持自我，你才会有好东西。&br&&br&&p&&strong&&u&关于创作，你需要记住的两三事&/u&&/strong&&/p&&br&&p&1.保持一定的焦虑感和饥饿感，适当的自卑，适当的谦虚，可以让你投入更多的心思思考作品，思考创作，看到自己的不足，学无止境。&/p&&p&2.设计师、插画师一定要独立，独立的观点，独立的创作能力，独立的态度，必要的时候，你可以自我。学会在反复训练中，慢慢建立自己的创作观，艺术观，插画观，设计观，要做一个有态度的人，搞创作，一定不能圆滑，而是需要刨根问底，要固执，需要对自己残忍，对自己克制，不然你是出不了好作品的。&/p&&p&3.多看书，多看大师的作品，看他们的观点，学会欣赏好的作品，也要学会挑剔。牛逼的作品不是形式美或者内容好，艺术是观念凌驾于形式，形式大于艺术，我相信未来，好的插画作品也是这样，美学、形式学和观念三位一体，这是最牛逼的。&/p&&br&好了，这次先写这么多，以后我发现更好的，我会慢慢更新。谢谢观看~&br&&figure&&img src=&https://pic1.zhimg.com/50/da711eef66_b.jpg& data-rawwidth=&2448& data-rawheight=&2448& class=&origin_image zh-lightbox-thumb& width=&2448& data-original=&https://pic1.zhimg.com/50/da711eef66_r.jpg&&&/figure&&br&&p&&a href=&//link.zhihu.com/?target=http%3A//weixin.qq.com/r/qEkxKQPEWF4nrUdK9xy6& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&weixin.qq.com/r/qEkxKQP&/span&&span class=&invisible&&EWF4nrUdK9xy6&/span&&span class=&ellipsis&&&/span&&/a& (二维码自动识别)&/p&
答主是一个业余插画爱好者, 擅长纹身、字体、装饰画。说一下我画画经常用的网站（从高频到低频）：Instagram, Lofter, 站酷，Weibo, Behance, 设计之家，公众号。 PS. 我想说明的是，插画、设计、字体、艺术、摄影，都是不分家的，并不是说你想学插画就只看…
&p&题主的问题同样困扰着我好久，过去我做排版都习惯用那些现成的设计素材，到后来我尝试直接选一张没有经过任何修改的照片用于排版时，我才知道“图片上配上文字”其实是一个很复杂的问题，因此我有一段时间将这个问题好好地研究一番。我去翻看各类设计网站大咖们的优秀作品、找时尚杂志和精品画册，但是我的目的不是想从中找到感觉，而是希望通过一个科学、严谨的方法来找到优秀作品之间的视觉规律，我写这个答案就是将这个过程分享给大家。不过本人还只不过是设计专业的学生，学艺未精，而且文笔还不好... ...因此解释这样一个复杂的问题的解答过程，肯定会有很多不足的地方，大家就作一个交流吧。&/p&&br&&p&为本答案做一个导航图，证明这真的是一个很复杂的问题...&/p&&figure&&img src=&https://pic3.zhimg.com/50/352d0e11b05ac2ccf7aec_b.jpg& data-rawwidth=&1366& data-rawheight=&751& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic3.zhimg.com/50/352d0e11b05ac2ccf7aec_r.jpg&&&/figure&&br&&br&&p&&b&1.字体选择与字体组合方式&/b&&/p&&br&&p&首先我挑选了一些我个人觉得不错的设计作品，根据这些作品的设计目的和最终效果，分为“A”、“B”两组。&/p&&br&&p&A组是“图片突出”，文字存在的目的只是粉饰这张照片而已。&/p&&p&B组是“文字突出”，文字在图片的衬托下被重点突出出来。&/p&&br&&p&然后将它们的文字部分“裁剪”出来，然后根据原本文字的样式以及文字组合方式，最后分组排列出来。&/p&&br&&p&效果图如下：&/p&&figure&&img src=&https://pic2.zhimg.com/50/6ea31659f1_b.jpg& data-rawwidth=&1366& data-rawheight=&750& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic2.zhimg.com/50/6ea31659f1_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/50/b5e64a798844bab8bbaefb_b.jpg& data-rawwidth=&1366& data-rawheight=&750& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic4.zhimg.com/50/b5e64a798844bab8bbaefb_r.jpg&&&/figure&&p&可以看出这两组的字体之间差异很大的，在字体选择上：&/p&&br&&p&A组的字体主要是现代等线体，笔画没有装饰。出现题材很广泛，大多数是一些商业图册上，或者用于衬托人物场景时尚气质的图片上。&/p&&p&B组的字体主要是古典衬线体，笔画装饰强烈。多出现在传统、自然的以及一些抒情性很强的照片上。&/p&&br&&p&在字体组合方式上：&/p&&br&&p&A组的字体组合都被紧密地排列在一个无形的矩形里，在视觉上形成一个面。&/p&&p&B组各个字之间松散地摆放组合在一起，在视觉形成一个个点。&/p&&br&&p&其实可以这样去理解这两组字体在视觉心理的效果，见下图：&/p&&figure&&img src=&https://pic1.zhimg.com/50/ffdb2ad91d2feeeea5b3ba4_b.jpg& data-rawwidth=&1366& data-rawheight=&750& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic1.zhimg.com/50/ffdb2ad91d2feeeea5b3ba4_r.jpg&&&/figure&&p&而造成这两组字体在视觉心理上的区别，这和一张摄影作品两个重要的元素有关&br&&/p&&br&&br&&br&&p&&b&2.主体物与视觉焦点&/b&&/p&&br&&p&主体物的视觉焦点是摄影作品里的两个基本要素，因此在一张照片里通常会有一个突出的人或物作为主体。而其他例如在风景类摄影作品，照片里即使没有明确的主体物，也会存在一个视觉焦点。&/p&&p&一张摄影作品的主体物和视觉焦点是很容易看出来的，如下图：&/p&&figure&&img src=&https://pic1.zhimg.com/50/cc6cd23addf_b.jpg& data-rawwidth=&1366& data-rawheight=&750& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic1.zhimg.com/50/cc6cd23addf_r.jpg&&&/figure&&p&为了展现“图片突出”的优秀设计作品里，文字部分与这两个基本要素的位置关系，同样做成效果图。分C、D两组展示。&/p&&br&&p&C组是文字部分与主体物的位置关系&/p&&p&D组是文字部分与视觉焦点的位置关系&/p&&br&&figure&&img src=&https://pic1.zhimg.com/50/cdbdbcdc3aec818bb27689b_b.jpg& data-rawwidth=&1366& data-rawheight=&751& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic1.zhimg.com/50/cdbdbcdc3aec818bb27689b_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/50/6f694bdf9a8cb845e1ee20_b.jpg& data-rawwidth=&1366& data-rawheight=&751& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic2.zhimg.com/50/6f694bdf9a8cb845e1ee20_r.jpg&&&/figure&&br&&p&（C组的深色块是主体物，D组的白点是视觉焦点，白色块是文字。）&/p&&br&&p&其实无需我多说，大家应该能从上面的效果图，可以大约地看出文字与两大元素之间的关系吧？我根据我的观察结论作一个整理：&/p&&br&&p&如果把主体物看作是一个面，就不难理解在一个需要文字粉饰图片的作品里，字体之间会被聚集在一个面里，因为面元素的重复出现在一个画面里，整体画面就不会出现违和感，还能让文字和图片之间保持和谐统一。&/p&&br&&p&如果你能观察了足够多C组类型的“效果图”后，就发现了在所有的这类优秀设计作品里，文字部分与主体物之间的位置大小关系有三大原则：&/p&&br&&p&&b&1：文字部分的面积绝对不能大于或接近主体物的面积。&/b&&/p&&p&&b&2：文字“面”与主体“面”的边线保持联系（直线或平行）。&/b&&/p&&p&&b&3：文字“面”或者与画面边缘的距离几乎相等于主体“面”与画面边缘的距离。&/b&&/p&&br&&p&现在来看看D组，文字部分与视觉焦点的关系基本和上面的铁律相似，但唯一的特别之处在于：&u&当视觉焦点位于画面中线，文字部分使用居中式。&/u&&/p&&br&&p&不过同样也是观察了足够多的“效果图”后，发现视觉焦点的位置不仅仅是与构图有关，这其中还有很多的特殊情况必须要注意到：&/p&&br&&p&&b&1：当照片的主体物是分散且毫无意义的，视觉焦点默认在画面中心。&/b&&/p&&p&&b&2：当照片被某一个场景或物品切割了整张画面时，视觉焦点只会出现会在切割线上。默认位于中心点或者色彩密集的地方。&/b&&/p&&p&&b&3：眼睛单独作为视觉焦点&/b&&/p&&br&&p&第一点提到的照片的主体物是分散且毫无意义的。举一些例子，它们的题材一般是拍摄天空、无边际的森林树木又或者下雨的场景等等... ...这类照片的视觉焦点默认在画面的中心点，并且文字部分也只能固定在画面中心，因为文字部分在这时需要拟补原本照片缺乏视觉焦点的缺陷。（D组第一列第三张）&/p&&br&&p&而第二点提到某些被一个场景或物品切割了整张画面的照片，通常是因为地平线或者海岸线之类引起的。还有一种类似的情况是，当照片里的主体物太大，以至于切割了背景出现切割线时，主体物就不能作为一个面来看待了。如D组里二列第二和第三... ....就是这种情况，视觉的焦点通常位于切割线的其中一处，通常是色彩密集出现的地方。&/p&&br&&p&第三点非常重要！在画面的内容里眼睛的存在会形成一个视觉焦点，不管是人还是其他生物的眼睛，只要是看到眼睛，那么文字部分的排版就要依据“眼睛”（视觉焦点）而不是人本身（面）&/p&&p&已经说了好多东西了... .... 那现在就目前的理论来实际操作一下吧，做一组“文字粉饰图片”的例子。&/p&&br&&p&就先拿第二节开头展示的那两张摄影作品来做吧... ...文字部分就直接取至A组&/p&&figure&&img src=&https://pic2.zhimg.com/50/d48df6e51419b18aea1db_b.jpg& data-rawwidth=&1366& data-rawheight=&750& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic2.zhimg.com/50/d48df6e51419b18aea1db_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/50/be44ab45070e_b.jpg& data-rawwidth=&1366& data-rawheight=&750& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic4.zhimg.com/50/be44ab45070e_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/50/c3590ffdcbfd28b02742c_b.jpg& data-rawwidth=&1366& data-rawheight=&750& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic2.zhimg.com/50/c3590ffdcbfd28b02742c_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/50/09f0473522dcf889d532cfb_b.jpg& data-rawwidth=&1366& data-rawheight=&750& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic3.zhimg.com/50/09f0473522dcf889d532cfb_r.jpg&&&/figure&&br&&p&以上的例子文字部分是怎么选择位置的，详细见下图：&/p&&br&&figure&&img src=&https://pic3.zhimg.com/50/cf2cb9f5f_b.jpg& data-rawwidth=&1366& data-rawheight=&751& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic3.zhimg.com/50/cf2cb9f5f_r.jpg&&&/figure&&p&上图是说明我并不凭感觉去确定文字部分的位置，仅仅只是按照三大原则来确定的。在左图中，小狗虽然是照片里的主体物，但是因为眼睛的存在，所以文字的排版必须依照视觉焦点（眼睛）来排版，这是之前D组结论提到过的。但是在计算字体部分与画面边缘的距离的时候，依然参照与主体物与边缘的距离，而非视觉焦点与边缘的。&/p&&br&&p&而右图中，视觉焦点确定在照片透视的灭点，由于是处于画面的中线，因此文字部分采用居中式。除此之外，因为照片上的主体物并不明确，所以文字离边缘的距离没有参考，只要与视觉焦点的联系不变，文字部分位置随意。&/p&&br&&p&后面我又加上了两个例子，因为弥补前两个都是以视觉焦点做参照的例子，所以第三个例子以主体物（杯子）为参照的排版，其中的过程和前两个差不多，就略过吧。最后一个例子因为照片是主体物是分散且毫无意义的（星空），所以文字部分只能固定在画面中心，弥补主体位置。&/p&&br&&p&事实上我还想要举更多的例子来说明各种情况，但是写到这里感觉篇幅已经很长了。现在还只讲了一部分“文字粉饰图片”的原则与规律，现在在下一节来讲“图片突出文字”的特点。&/p&&br&&br&&br&&p&&b&3.字体与图形的配合&/b&&/p&&br&&p&以“图片突出文字”为目的的排版，其特点是不需要分析照片里面的元素。在大部分设计教程以及很多优秀的设计作品里，图片被认为只是作为一个大色块存在，它的存在只是为了最后你想要表达的文字（情感），铺设基调。而我前面就提到的，B组的字体组合方式往往用分散的点状摆放，因此放在照片这样一个大的“面”上，形成元素的对比效果，可以更有效的突出文字部分。&/p&&br&&p&但是这样有一个很大的缺点：过于分散的字体之间不仅容易缺乏联系，而且还会造成阅读困难。此外，一张太花哨的照片也会导致你的文字部分难以突出。&/p&&br&&p&大部分优秀排版里采用的解决方案是运用字体与图形的配合，而其中类型有三种：&/p&&br&&p&第一种：形状图形&/p&&br&&p&形状图形主要指方形、圆形以及一些不规则的形状图形。&/p&&p&（下面的效果图都是我统计优秀作品最常用到的方法）&/p&&figure&&img src=&https://pic3.zhimg.com/50/35eb3a4d1cab0ade091d_b.jpg& data-rawwidth=&1366& data-rawheight=&750& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic3.zhimg.com/50/35eb3a4d1cab0ade091d_r.jpg&&&/figure&&br&&p&上图展示的是三种运用方形的方式，我从左到右依个解释一下：&/p&&br&&p&突出：当文字部分融入到图片里变得难以看清的时候。在这里最好的办法就是像这样放置一个方形在背景，然后再调节字体的颜色与方块对比，使文字部分突出。&/p&&br&&p&集中：这种方法是为了不弱化图片的情况下，让文字部分集中在一个方形里，增加易读性。是包装设计常在出现的排版。&/p&&br&&p&修饰：这个方形其实只是代表，代表所有不规则图形的运用。当文字组合之间太过散乱，又或者字体之间大小的差异太大的时候，放置一个（不）规则图形，尽可能连接到每一个字上，形成联系。&/p&&figure&&img src=&https://pic4.zhimg.com/50/c5abe7c0bd5b_b.jpg& data-rawwidth=&1366& data-rawheight=&750& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic4.zhimg.com/50/c5abe7c0bd5b_r.jpg&&&/figure&&p&这是方形“集中”的例子，方块的存在突出了文字本身，又保证了阅读顺畅。同时这个方块可以在这张照片上的任何一个位置都没有影响，所以很适合包装设计的需要。&/p&&br&&p&根据评论区的建议，形状图形这部分我补充一点：形状图形的用法通常有两种，一种是中间加上一个深色的形状，字体的位置放在形状的中间。另一种是在图片的上下两边各加一个浅色形状，字体的位置放在形状与图片交界的地方。这两种方法简称为“一黑二白”，见下图。&/p&&br&&figure&&img src=&https://pic1.zhimg.com/50/9be85dc813b5acfee61c_b.jpg& data-rawwidth=&1366& data-rawheight=&751& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic1.zhimg.com/50/9be85dc813b5acfee61c_r.jpg&&&/figure&而关于形状的颜色和透明度设置，请看本文的色彩部分。&figure&&img src=&https://pic4.zhimg.com/50/dfcadcf51d0fe66a9c1c96_b.jpg& data-rawwidth=&1366& data-rawheight=&750& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic4.zhimg.com/50/dfcadcf51d0fe66a9c1c96_r.jpg&&&/figure&&p&上图是关于圆形的常见运用：&/p&&br&&p&普通：这是一个作为对比的普通排版&/p&&br&&p&突出：&b&这个比起方形有着好的突出效果&/b&，这个圆形可以替换成一些素材，比如墨滴之类的圆形素材，甚至可以利用图片本身存在一个巨大的圆形物体的，来突出文字部分。&/p&&br&&p&适用：这个同样可以突出“面”文字，这就也为什么这个方法经常出现各类商业图册、海报以及各类宣传单... ...&/p&&figure&&img src=&https://pic1.zhimg.com/50/f2ece5e88acd_b.jpg& data-rawwidth=&1367& data-rawheight=&750& class=&origin_image zh-lightbox-thumb& width=&1367& data-original=&https://pic1.zhimg.com/50/f2ece5e88acd_r.jpg&&&/figure&&p&上图是举例古文字也是可以作为一个圆形的运用。&/p&&br&&p&第二种：直线&/p&&br&&p&直线分两种，一种就是纯粹的一条直线，而另一种则是由细小的字组成的一段文字（通常是英文）。&/p&&figure&&img src=&https://pic1.zhimg.com/50/ee8efe8f7fa5b560aa9ee0_b.jpg& data-rawwidth=&1366& data-rawheight=&750& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic1.zhimg.com/50/ee8efe8f7fa5b560aa9ee0_r.jpg&&&/figure&&p&上面是纯粹的直线运用举例&/p&&br&&p&联系：很常见的运用方法，不需要解释了吧...&/p&&br&&p&集中：作用和方形“集中”相同，只是这个是用两条线组成一个隐形的方块，更有形式感。不同这种只能出现在色彩单一或大量留白的照片。&/p&&br&&p&连接符：增加形似感的小东西... ...可以用于连接两段文字的内容，时尚类设计作品最常用到，在下面打一个问号，是因为连接符的种类很多，上图只是举例... ...&/p&&figure&&img src=&https://pic1.zhimg.com/50/d0a079a3ff9120acdf31a6e84950f00c_b.jpg& data-rawwidth=&1366& data-rawheight=&750& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic1.zhimg.com/50/d0a079a3ff9120acdf31a6e84950f00c_r.jpg&&&/figure&&p&这是另一种“直线”，由一排细小的字组成。&/p&&br&&p&联系：与上一种相同，但只适用于标题文字较少的时候。剩下两个不用解释了... ...大家应该都清楚。&/p&&br&&p&第三种：字符&/p&&figure&&img src=&https://pic2.zhimg.com/50/66cc1edf1c594_b.jpg& data-rawwidth=&1366& data-rawheight=&751& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic2.zhimg.com/50/66cc1edf1c594_r.jpg&&&/figure&&p&一般是指的数字以及英文字母，配合文字能有更好的突出效果。如上图，，而阿拉伯数字的效果最佳。&/p&&br&&p&以上就是字体与图形的配合部分，不过还有一个例子要特别说明一下：&/p&&figure&&img src=&https://pic2.zhimg.com/50/3b335c5e38af15d4adde2_b.jpg& data-rawwidth=&1367& data-rawheight=&750& class=&origin_image zh-lightbox-thumb& width=&1367& data-original=&https://pic2.zhimg.com/50/3b335c5e38af15d4adde2_r.jpg&&&/figure&&p&上图展示的是一个出现频率最高的配合类型的，圆形形状加上字符，然后用连接符接上你要表达的文字。这是最经典的配合类型了。至少突出文字部分的效果非常不错！&/p&&br&&br&&br&&br&&p&&b&4.色彩的组合模型&/b&&/p&&br&&p&PS:以下色彩部分，因为没有大量的实际操作过，所以我不确定结论的正确性。因此色彩部分仅供参考，只希望大家能从中得到一些启发就好了。&/p&&br&&figure&&img src=&https://pic3.zhimg.com/50/c7b2ac922bea5b5fb99f4c_b.jpg& data-rawwidth=&1367& data-rawheight=&750& class=&origin_image zh-lightbox-thumb& width=&1367& data-original=&https://pic3.zhimg.com/50/c7b2ac922bea5b5fb99f4c_r.jpg&&&/figure&&br&&p&我\们多多少少都学习过色彩的基础知识，我们都知道上图的红色代表着热情、绿色代表着自然以及紫色代表着高雅等等... ...但是我们却不能以此为参照来决定字体的色彩，因为实际的情况要比这复杂的多。无论一张照片还是海报，都会运用到大量的色彩，把这些色彩集合成一个组合时，将其称之为“色组”，如下图。&/p&&br&&figure&&img src=&https://pic1.zhimg.com/50/bcd14fafa238a87a9079ce8_b.jpg& data-rawwidth=&1367& data-rawheight=&750& class=&origin_image zh-lightbox-thumb& width=&1367& data-original=&https://pic1.zhimg.com/50/bcd14fafa238a87a9079ce8_r.jpg&&&/figure&&br&&br&&p&这时，要如何区分上图这些色组的视觉心理呢？在教科书上采用的方法是分成四种类型：分别是“互补色”、“对比色”、“同类色”和“邻近色”。然后再解释这些类型的视觉心理，比如“互补色”有着突出、华丽的效果或者更吸引眼球等等... ...但是这个方法只能解释那些只采用少量色彩的照片或海报，所以这个方法在面对一张色彩丰富的照片或海报时，这个方法又显得太过笼统和片面。&/p&&br&&p&而在网上大部分的配色教程里，则用“色卡”来解释色组的视觉心理的，“色卡”是从一张照片里提炼出三到六个主要色彩组合起来的配色方案，并认为“色卡”和原照片的视觉心理效果（情绪）是相同的，因此大部分设计作品会以此为参照做配色方案。&/p&&br&&p&但我阅读了很多研究配色的书籍或文章，其中大部分都认为一个“色卡”是远远不足于解释一张照片给人的视觉心理效果的。认为一张照片给人的视觉感受，不是这张照片里所有的颜色共同作用下的结果。并表示一张照片的色彩数量、各个色彩之间的面积以及冷暖的对比等等... ...都是会影响一张照片的视觉心理效果的。&/p&&br&&p&于是我总结这些文章的观点，我重新设计了一个色彩的组合模型，用来描述多个色彩组合的视觉心理效果，见下图：&/p&&br&&figure&&img src=&https://pic1.zhimg.com/50/10b80eed1c9de07ac979e78c95b7bf0f_b.jpg& data-rawwidth=&1367& data-rawheight=&750& class=&origin_image zh-lightbox-thumb& width=&1367& data-original=&https://pic1.zhimg.com/50/10b80eed1c9de07ac979e78c95b7bf0f_r.jpg&&&/figure&&br&&p&上图是一个色彩组合的模型，我设计成一个倒三角的形状。我稍微简单解释一下：倒三角形最上面的一块是主色，主色是这张照片里最突出的色彩，通常是照片里的面积最大。往下一个是副色，副色比主色的突出效果要较弱一些。再往下则是一些辅助色以及一些面积非常小的点缀色等等... ...&/p&&p&这个模型可以解释很多色彩组合的视觉心理效果，见下图：&/p&&br&&figure&&img src=&https://pic2.zhimg.com/50/d79b3a7b95f29fb98cb46_b.jpg& data-rawwidth=&1367& data-rawheight=&751& class=&origin_image zh-lightbox-thumb& width=&1367& data-original=&https://pic2.zhimg.com/50/d79b3a7b95f29fb98cb46_r.jpg&&&/figure&&br&&br&&p&&b&X：亲和 - 强烈&/b&&/p&&br&&p&主色和副色的对比关系是会影响照片的视觉心理，当主色和副色的对越弱，画面的表现越柔和，相反主色和副色的对比越大（通常是由两者的冷暖、面积、色相的不同），画面的表现就越强烈。&/p&&figure&&img src=&https://pic4.zhimg.com/50/5cc4aaded20dc_b.jpg& data-rawwidth=&1367& data-rawheight=&751& class=&origin_image zh-lightbox-thumb& width=&1367& data-original=&https://pic4.zhimg.com/50/5cc4aaded20dc_r.jpg&&&/figure&&br&&br&&p&&b&Y：平均 - 突出&/b&&/p&&br&&p&这里指的是主副色和其他的颜色的面积比例关系。当主副色的面积和其他颜色的面积相差无几的时候，画面表现出唯美的感觉。相反主副色的面积远远超过了其他颜色面积的总和时，画面的情绪完全由主副色主导。&/p&&figure&&img src=&https://pic4.zhimg.com/50/4fca24bc379fdf25a0fc035_b.jpg& data-rawwidth=&1367& data-rawheight=&751& class=&origin_image zh-lightbox-thumb& width=&1367& data-original=&https://pic4.zhimg.com/50/4fca24bc379fdf25a0fc035_r.jpg&&&/figure&&br&&br&&br&&p&&b&Z：单调 - 丰富&/b&&/p&&br&&p&这里比较的是一张照片里色彩的数量，数量小就会显得单调，相反则越丰富。&/p&&br&&br&&p&上面三种类型都用XYZ来标记，因为我要总结字体以及色彩的选择与色彩组合模型之间的关系时，我就要用到下图这个大模型了：&/p&&br&&figure&&img src=&https://pic3.zhimg.com/50/062f4ba62acd0d81dc0187ed5abfac1c_b.jpg& data-rawwidth=&1367& data-rawheight=&1000& class=&origin_image zh-lightbox-thumb& width=&1367& data-original=&https://pic3.zhimg.com/50/062f4ba62acd0d81dc0187ed5abfac1c_r.jpg&&&/figure&&br&&p&上图展示的大模型里，色彩模型的三种类型做成了一个三维的坐标轴系，这表明了任何一张照片的色彩组合，都是这个XYZ轴系里的一个点，也就是说任意一个色彩组合模型会同时满足三种类型的其中一种，最终会形成八种色彩组合模型（八种情绪），下面列举一些：&/p&&br&&figure&&img src=&https://pic3.zhimg.com/50/be0a5c46b457e4b97b8e1eefa50491af_b.jpg& data-rawwidth=&1367& data-rawheight=&750& class=&origin_image zh-lightbox-thumb& width=&1367& data-original=&https://pic3.zhimg.com/50/be0a5c46b457e4b97b8e1eefa50491af_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/50/6f77af50d1beb699e3e5f_b.jpg& data-rawwidth=&1367& data-rawheight=&750& class=&origin_image zh-lightbox-thumb& width=&1367& data-original=&https://pic2.zhimg.com/50/6f77af50d1beb699e3e5f_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/50/9aefce8a3fea756768ffe3_b.jpg& data-rawwidth=&1367& data-rawheight=&751& class=&origin_image zh-lightbox-thumb& width=&1367& data-original=&https://pic1.zhimg.com/50/9aefce8a3fea756768ffe3_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/50/e8c4e4a3612bdfae7b1cd_b.jpg& data-rawwidth=&1367& data-rawheight=&751& class=&origin_image zh-lightbox-thumb& width=&1367& data-original=&https://pic3.zhimg.com/50/e8c4e4a3612bdfae7b1cd_r.jpg&&&/figure&&br&&br&&p&大家能看到在大模型里还有冷暖区分的四个色块，它们代表了四个区域，从上往下分别是“粗古”、“细古”、“细现”和“粗现”。这些色块是表达：当一个色彩组合越倾向坐标系的正轴时，则使用越粗的古典字体。相反地，越倾向负轴时，则使用越粗的现代字体。&/p&&br&&p&简单地来说，就是当一张照片的色彩的越强烈、越突出、越丰富时，就用古典的衬线字体，而且要越粗越好，而当一张照片的色彩的越亲和、越平均、越单调时，就用现代的无衬线字体，而且要越粗越好。这是大模型的作用之一：不同色彩组合对字体选择的影响。&/p&&br&&p&大模型的另外一个作用在于，&b&我们还可以通过对增减或改变某个色彩，来改变这个照片的色彩组合倾向，来表达某一个情感、主体又或者适应某一个字体等等&/b&... ...而改变的方法，就是利用字体或形状图形的颜色。这就意味着在图片上加字这个行为，就已经是在影响一张照片的色彩心理了。&/p&&br&&p&综上，我们拿刚才的图片来举一些例子，见下图：&/p&&figure&&img src=&https://pic2.zhimg.com/50/e5d178ffc020ba21fb06_b.jpg& data-rawwidth=&1367& data-rawheight=&751& class=&origin_image zh-lightbox-thumb& width=&1367& data-original=&https://pic2.zhimg.com/50/e5d178ffc020ba21fb06_r.jpg&&&/figure&&br&&figure&&img src=&https://pic4.zhimg.com/50/1f438ed28a0cc460d77a9c_b.jpg& data-rawwidth=&1367& data-rawheight=&751& class=&origin_image zh-lightbox-thumb& width=&1367& data-original=&https://pic4.zhimg.com/50/1f438ed28a0cc460d77a9c_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/50/baeb84c8dadc22ba5eb95_b.jpg& data-rawwidth=&1367& data-rawheight=&751& class=&origin_image zh-lightbox-thumb& width=&1367& data-original=&https://pic2.zhimg.com/50/baeb84c8dadc22ba5eb95_r.jpg&&&/figure&&p&第一个例子，由于照片的色组属性是“强烈”、“突出”和“单调”，所以选用了细笔画的古典字体，这是一个“文字粉饰图片”的例子。&br&&/p&&br&&p&第二个例子，是一个“图片突出文字”的例子。虽然这张照片的色彩属性有“强烈”和“突出”，但色彩却是“单调”的，我的做法是先加上两个粗笔画的毛笔字（粗古），突出一个主色。然后再放一段酡红色的英文，是色组变得丰富，同时配合“粗古”，让色彩的情绪表达地更加明显。&/p&&br&&p&最后的例子，是关于形状的颜色和透明度设置的一个示范。由于这张照片的色组属性太过平均，所以我用一个形状压住一个副色调，然后用“粗古”字体压住主色调，将这个色组的“平均”属性转为“突出”。这个例子是想表达：形状图形的色调选择，关键在于你想怎么改变色组的属性，而半透明的设置，可以改变色组的“丰富”属性。&/p&&br&&p&过程见下图：&/p&&figure&&img src=&https://pic3.zhimg.com/50/99fd2b592a9e7daff8e91ad058bacb79_b.jpg& data-rawwidth=&1367& data-rawheight=&751& class=&origin_image zh-lightbox-thumb& width=&1367& data-original=&https://pic3.zhimg.com/50/99fd2b592a9e7daff8e91ad058bacb79_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/50/ec47f43d3a08f39a62fdf0c8d42bab80_b.jpg& data-rawwidth=&1367& data-rawheight=&751& class=&origin_image zh-lightbox-thumb& width=&1367& data-original=&https://pic4.zhimg.com/50/ec47f43d3a08f39a62fdf0c8d42bab80_r.jpg&&&/figure&&br&&br&&br&&br&&p&&b&5.单个字体的形态&/b&&/p&&br&&p&篇幅已经很长了，直接上结论吧（累）。总结了所有的教程和优秀设计作品，我认为区别单个字体之间最重要的三个特征：见下图&/p&&br&&figure&&img src=&https://pic4.zhimg.com/50/bafbc706a34cca_b.jpg& data-rawwidth=&1367& data-rawheight=&750& class=&origin_image zh-lightbox-thumb& width=&1367& data-original=&https://pic4.zhimg.com/50/bafbc706a34cca_r.jpg&&&/figure&&br&&figure&&img src=&https://pic2.zhimg.com/50/121a23fcc6943bcecac2f8df_b.jpg& data-rawwidth=&1367& data-rawheight=&750& class=&origin_image zh-lightbox-thumb& width=&1367& data-original=&https://pic2.zhimg.com/50/121a23fcc6943bcecac2f8df_r.jpg&&&/figure&&br&&p&体饰指的是在字体笔画末端的装饰，字体的体饰之间不是有或无，而是多和少，这是一个比较模糊的概念。通常按照笔画体饰的多少划分“古”文字和“今”文字。“古”文字适合作为标题，出现表现自然、传统或者表现历史厚重感的题材里，“今”文字大多是在时尚、科技或者普通生活题材里，“古”文字最重要的特点是抒情，“今”文字则注重简洁。&/p&&figure&&img src=&https://pic3.zhimg.com/50/7c87df248a492cb9b83910_b.jpg& data-rawwidth=&1367& data-rawheight=&751& class=&origin_image zh-lightbox-thumb& width=&1367& data-original=&https://pic3.zhimg.com/50/7c87df248a492cb9b83910_r.jpg&&&/figure&&p&笔画的差异在于粗细，粗笔画用于强调，细笔画则用于修饰细节，例如突出某商品的精细做工。这里还有特别说明的一种情况是粗细结合，笔画的粗细差异算其实是属于体饰的变化。&/p&&p&&figure&&img src=&https://pic3.zhimg.com/50/d5f1fa875a6b1196ffb70b6d3ded8d76_b.jpg& data-rawwidth=&1367& data-rawheight=&751& class=&origin_image zh-lightbox-thumb& width=&1367& data-original=&https://pic3.zhimg.com/50/d5f1fa875a6b1196ffb70b6d3ded8d76_r.jpg&&&/figure&转折的差异在于曲直，转折越尖锐的字体适合表达力量感，反之曲面转折的字体适合表现女性的柔美。见下面两个例子&/p&&figure&&img src=&https://pic3.zhimg.com/50/d9bd697ab7d6aeab414d129_b.jpg& data-rawwidth=&1366& data-rawheight=&750& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic3.zhimg.com/50/d9bd697ab7d6aeab414d129_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/50/dc04cde39ec845b028af_b.jpg& data-rawwidth=&1366& data-rawheight=&750& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&https://pic3.zhimg.com/50/dc04cde39ec845b028af_r.jpg&&&/figure&&br&&p&——————————————就写到这里，以后慢慢修改和增加内容————————————&/p&
题主的问题同样困扰着我好久，过去我做排版都习惯用那些现成的设计素材，到后来我尝试直接选一张没有经过任何修改的照片用于排版时，我才知道“图片上配上文字”其实是一个很复杂的问题，因此我有一段时间将这个问题好好地研究一番。我去翻看各类设计网站大…
前一段时间很火的 吴亦凡入伍的广告&br&你看静态新闻的时候，是在加载后面两个视频，加载完成之后，吴亦凡就蹦出来了&br&&br&所以你们看到吴亦凡从画面里面出来的时候脑海里的台词是：&br&&b&卧槽，这是怎么做到的！&/b&&br&而我的内心台词是：&br&&b&卧槽，我知道是怎么做到的，你把流量还给我好么！&/b&&br&================================&br&更新一张之前和甲方之间的聊天记录，在整个minisite已经交付上线以后，甲方突然问了这么一句，大家感受一下。&br&&figure&&img src=&https://pic4.zhimg.com/50/01fd0a0b3e_b.jpg& data-rawwidth=&719& data-rawheight=&1280& class=&origin_image zh-lightbox-thumb& width=&719& data-original=&https://pic4.zhimg.com/50/01fd0a0b3e_r.jpg&&&/figure&这就是为什么我很反感别人跟我说H5，我特么知道你到底什么意思。。。&br&&br&===================================================&br&先科普一下，HTML5并不是&b&一项技术&/b&，而是&b&一个标准&/b&。&br&标准的意思就是：学生准则手册。你可以按照准则做，甚至可以超出准则更加严格的要求自己，也可以不按照准则来，但是会被老师训斥小伙伴讨厌，别人都不找你玩，就像IE6一样。&br&&br&那HTML5这些标准浏览器厂商到底姿持不姿持呢？这要看他们各自的尿性了。像chrome这种不仅在很多标准上支持的非常好，还积极上进很多地方超出了标准，支持一些标准中还是草案的部分。&br&&br&所以其实要么我们是作为理论派讨论&b&HTML5标准&/b&，要么是作为实践派讨论&b&HTML5标准在某浏览器的应用&/b&。但是实际上我们在说到H5的时候，并不是指标准，也不是指标准的应用，而是一个硬生生造出来的奇怪概念合集，所以我是&b&旗帜鲜明的反对这个称呼&/b&的。&br&&br&最近一年的时间，我主要靠这个东西养家（并没有家）糊口。所以我是懂得甲方打电话过来询问，“你是不是会做H5开发？”的时候，我知道他们要的是那种可以在朋友圈分享的，看起来很酷炫的小页面，他们实际要的东西拆开来看大概包括以下技术点;&br&&br&1. 页面素材预加载技术，可以使用createJS之中的preloadJS。我没有看preloadJS的源码，不过预加载并不是HTML5标准中更新的方法。&br&2. 音乐加载播放技术，createJS中同样有soundJS可以实现，而且这部分说起来确实是HTML5标准支持的内容，在上个时代并没有audio这样的标签。&br&3.可以滑动的页面，大多数是用了swiper.js这个Jquery插件，也有一些是手写的swipe，比较拙劣的手写版页面是不会跟手滑动的，其中touchstart等四个touch系列的事件是HTML5标准中的事件&br&4.可以涂抹擦除，多半是canvas叠加层，canvas是HTML5标准里面的标签，是代表了先进生产力的标签。&br&5.有动态的文字和图片，常见的是使用了css3或者直接使用js动画。很多时候提到HTML5多半还会带上CSS3，而CSS的分级又是另外的一个问题了，在不同的项目标准上，CSS会独立定级，以后应该不会有CSS4这个东西，所以大家也不用担心在H5以后又冒出来了C4（不过真是想用C4炸死那些每天把H5挂在嘴上的人）&br&6.可以填表报名，这是最基本的表单，是有网页以来就有的东西。&br&7.可以支持分享自定义的文案和图片，这个是用到了微信的jssdk，和HTML标准半毛钱关系都没有。&br&8.还有其他我想起来再补充的。&br&&br&所以我们在谈论H5的时候，实际上是一个&b&解决方案&/b&，一个看起来&b&酷炫&/b&的移动端onepage网站的解决方案。而这个解决方案不仅包含了HTML5新增的audio标签，canvas，拖拽特性，本地存储，websocket通信，同时也包括了&b&盒模型&/b&，包括&b&绝对定位&/b&，包括&b&一切前端的基本知识&/b&。&br&&br&有学弟来问我说，学长我想学H5，应该从哪里开始？&br&我说HTML5新增特性在W3C上都可以查得到的。&br&学弟说，不，我想学的是H5，想做H5的页面。&br&于是我猜测他所指的就是上面论述的这种酷炫小页面，我就说，那你要先学习&b&HTML&/b&，包括HTML5的新标准和之前的全部标准，然后学&b&CSS&/b&以及&b&CSS3&/b&，了解它们在浏览器的实现情况，&b&原生JS&/b&了解一点就可以，大多的操作可以用&b&Jquery&/b&，了解常用的几个&b&Jquery插件&/b&的用法，应该就差不多了。如果想要做更酷炫的的，学一下&b&egret&/b&或者&b&cocos2d&/b&更好。如果要优化加载速度，还要学一下&b&grunt&/b&一类的自动化工具。&b&微信的sdk&/b&有很多坑，至少&b&nodejs&/b&或者&b&php&/b&一类的后端语言要会一点。&br&&br&学弟说，&b&那这不就是前端了么？我只是想学H5啊&/b&。&br&&br&所以你看，当我们对一个概念的内涵无法统一的时候，我们根本不知道彼此之间在谈论的是什么。&br&&br&”H5“本应是一个&b&技术合集&/b&，却被意会成了&b&一项技术&/b&，变成可以在&b&质&/b&上而不是&b&量&/b&上描述的概念。&br&&br&对于营销来说，我们只要讲我们可以做H5或者不能做，这种定性的描述就够了。但是对于技术上，这是定量的事情，只能在具体某个技术项上是否，无法对这个本不存在的概念说是否。&br&&br&就比如我遇到过有甲方说，我们之前找了一个人做H5，做的还不错，但是这个case他又说做不了，我也搞不懂H5和H5之间也有那么大差别吗？我只能笑笑和他说，&b&世界这么大，各种各样的H5都是有的&/b&。&br&&br&这就是为什么我反对H5，因为这个名词和它表示的&b&内涵是严重不符&/b&的，这让我们&b&难以沟通&/b&，让营销人和技术人之间&b&产生误解&/b&，让浑水摸鱼的培训师们赚的盆满钵满，让技术新人不&b&踏踏实实&/b&的学习技术。&br&&br&&b&每当有人问我，”你是不是做H5的？“&/b&&br&&b&我的内心都很想咆哮一句，”你才是做H5的，你全家都是做H5的“&/b&
前一段时间很火的 吴亦凡入伍的广告 你看静态新闻的时候，是在加载后面两个视频，加载完成之后，吴亦凡就蹦出来了 所以你们看到吴亦凡从画面里面出来的时候脑海里的台词是： 卧槽，这是怎么做到的！ 而我的内心台词是： 卧槽，我知道是怎么做到的，你把流量…
&b&一个效果有千万种实现的办法&/b&，在这里只提供一个最简单的思路，用ps纯做。&br&&br&&b&一、扭曲&旋转&/b&&br&导入界面图，然后编辑-扭曲，再旋转，做到如下效果：&br&&br&&figure&&img src=&https://pic3.zhimg.com/50/622a6e3ae7f7e0b32917dfa91150cd47_b.jpg& data-rawwidth=&498& data-rawheight=&497& class=&origin_image zh-lightbox-thumb& width=&498& data-original=&https://pic3.zhimg.com/50/622a6e3ae7f7e0b32917dfa91150cd47_r.jpg&&&/figure&&br&&br&&b&二、制作厚度&/b&&br&这一步最关键，选中界面图层，&b&[Ctrl+Alt+T]&/b&，然后按一下方向键&b&[↑]&/b&，再按回车。这样就复制了一个图层，并且新的图层在原来基础上往上移动一个像素。&br&来了，狂按&b&[Ctrl+Alt+Shift+T]&/b&，这是重复之前的变换操作，这样就会复制出很多个图层，每一个都在之前基础上往上移动一个像素。从而做出厚度效果。&br&&br&&figure&&img src=&https://pic1.zhimg.com/50/7fbd9a794fd8d9efa578c_b.jpg& data-rawwidth=&494& data-rawheight=&493& class=&origin_image zh-lightbox-thumb& width=&494& data-original=&https://pic1.zhimg.com/50/7fbd9a794fd8d9efa578c_r.jpg&&&/figure&&b&三、改变亮度&/b&&br&保留最上面那个图层，将其他所有界面的图层，合并成一个图层，命名为[厚度]。&br&&br&&figure&&img src=&https://pic4.zhimg.com/50/f3b52d2fdeebe8ab6919aac_b.jpg& data-rawwidth=&246& data-rawheight=&349& class=&content_image& width=&246&&&/figure&&br&然后选中[厚度]图层，使用矩形选框工具+[图像-调整-亮度对比度]，对厚度的左边面和右边面分别进行降低亮度20和50处理。&br&&br&&figure&&img src=&https://pic4.zhimg.com/50/d8b07eac219_b.jpg& data-rawwidth=&495& data-rawheight=&497& class=&origin_image zh-lightbox-thumb& width=&495& data-original=&https://pic4.zhimg.com/50/d8b07eac219_r.jpg&&&/figure&&br&&figure&&img src=&https://pic2.zhimg.com/50/d5ccdaf9132c5_b.jpg& data-rawwidth=&492& data-rawheight=&491& class=&origin_image zh-lightbox-thumb& width=&492& data-original=&https://pic2.zhimg.com/50/d5ccdaf9132c5_r.jpg&&&/figure&&br&&b&四、阴影&/b&&br&复制[app]图层，改变图层顺序到[厚度]下面，然后使用[高斯模糊]+颜色叠加为黑色+改变不透明度为30%。完工！&br&&br&&figure&&img src=&https://pic1.zhimg.com/50/46bce6805c21aeb0b9f5_b.jpg& data-rawwidth=&490& data-rawheight=&492& class=&origin_image zh-lightbox-thumb& width=&490& data-original=&https://pic1.zhimg.com/50/46bce6805c21aeb0b9f5_r.jpg&&&/figure&&br&&br&=============================&br&&br&当然，这种做法，厚度那里没有更多细节，如果想要楼主你给出的效果图那样，厚度也有光影细节的话，建议结合3d软件做。不过厚度那里颜色和app界面内容相呼应是做到了。&br&希望对你有帮助。
一个效果有千万种实现的办法，在这里只提供一个最简单的思路，用ps纯做。 一、扭曲&旋转 导入界面图，然后编辑-扭曲，再旋转，做到如下效果： 二、制作厚度 这一步最关键，选中界面图层，[Ctrl+Alt+T]，然后按一下方向键[↑]，再按回车。这样就复制了一个图…
&p&*05.21 日更新 2.0 版，如下图，含 7 种配色。（下载链接见文末）&/p&&figure&&img src=&https://pic1.zhimg.com/50/1e418f51ea09a809f61cc_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&https://pic1.zhimg.com/50/1e418f51ea09a809f61cc_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/50/99f04cd63af43a1596e2_b.jpg& data-rawwidth=&1080& data-rawheight=&608& class=&origin_image zh-lightbox-thumb& width=&1080& data-original=&https://pic4.zhimg.com/50/99f04cd63af43a1596e2_r.jpg&&&/figure&&p&&br&&/p&&p&&br&&/p&&p&————————&/p&&p&先上自己设计的一份，如下图：&/p&&figure&&img src=&https://pic4.zhimg.com/50/c0fd08b29afd1faa257aeee_b.jpg& data-rawwidth=&1280& data-rawheight=&720& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&https://pic4.zhimg.com/50/c0fd08b29afd1faa257aeee_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/50/13ea10f8fb9df5176abcc89c09a9b3ee_b.jpg& data-rawwidth=&723& data-rawheight=&1029& class=&origin_image zh-lightbox-thumb& width=&723& data-original=&http