万星印务 发表于 2017-4-9 13:50:46

设计参考线完全手册



目录

[*] 设计辅助线合集

[*] 贵金属比例框
[*] 黄金比例组合图形
[*] 黄金比通用格尺
[*] 常见屏幕比例框
[*] 常用构图框
[*] 特殊辅助线
[*] 超椭圆框
[*] 常用曲角矩形
[*] 下载
[*] 版权








辅助线（或称参考线），在UI设计中是经常会用到的，无论是用来规范设计还是用来提升“专业观感”都是很用的。一般的辅助线使用PS、AI自带的工具就可以了，另外使用像 guideguide 这样的插件更能事半功倍。而设计中还可能用到一些特殊的辅助线，比如黄金比例、超椭圆等等。 这里提供一个“常用设计参考线合集”的AI文件，合集了设计中常用的辅助线和辅助图形。
下载 | Downloadhttp://7nj1xa.com1.z0.glb.clouddn.com/qiniu/241/image/41f7b357e327dd68358395e5bc02584a.png
贵重金属比例http://7nj1xa.com1.z0.glb.clouddn.com/qiniu/241/image/fa272f473b56fa4fb85e933bab7e2891.png
贵重金属比例， 由公式： http://7nj1xa.com1.z0.glb.clouddn.com/qiniu/241/image/f47fa63c0b1a284a5293a97d7a957f86.png推导而来，其中最有名的就是黄金比例，也就是1:1.618,这个所谓的神奇比例在艺术界中一直都有人推崇，
但是可能其实只是持续了3个世纪的都市传说和”炒作“，绝大大数的所谓神奇的黄金比例，都是人的主观的“既成推定”（几乎任何一张图片都能找到一个近似1.618或者1~2之间的任何比例），比如金字塔啦、蒙娜丽莎啦、海螺啦，具体看看文章“揭穿黄金比例的神话”。
但是黄金比例在多年来的渲染、教育下被附上了神秘、高级、专业的印象。即是黄金比例本身与审美没有什么联系，但是现在很多人的已经主观的认为黄金比例是好的，希望看到黄金比例。而且使用黄金比例能为你的设计附上“故事”，增添一个“噱头”，显得神奇、专业、高大上。

http://7nj1xa.com1.z0.glb.clouddn.com/qiniu/241/image/6255205d39b0f78da0480184a3cce443.png
自从PS自带的剪裁工具自带黄金比例之后，黄金比例在设计界更流行了
常用设计比例列表：
黄金比1：1.618(5：8)
白银比1：2.414(5：12)
大和比1：1.414(5：7)
第二黄金比1：2.618 (5：13)
青铜比1：3.303 (3：9)
铂金比1：1.732 (4：7)



http://7nj1xa.com1.z0.glb.clouddn.com/qiniu/241/image/e367e742adf084547aad529bbbacadc9.png
黄金比例设计的图形? 图片C1引用




常用屏幕比例http://7nj1xa.com1.z0.glb.clouddn.com/qiniu/241/image/7b94eed9baf97a8f56c6aaa9b5ccf262.png

各种屏幕的比例在设计中也是很有用的。

黄金比通用格尺http://7nj1xa.com1.z0.glb.clouddn.com/qiniu/241/image/f01fcc100bf1bd2cf405b02cfe623861.png
这个看起来十分复杂的线框并非是用来制作黄金比例图形的，而是用来判断一个图形十分符合黄金比例的。
http://7nj1xa.com1.z0.glb.clouddn.com/qiniu/241/image/a58b74b3f3804265d8b2f671c395d585.pnghttp://7nj1xa.com1.z0.glb.clouddn.com/qiniu/241/image/1be9caa4addc26a6380d7cd434fd4e63.png
用黄金比通用格尺可以快速的初步判断图形十分使用了黄金比例设计

黄金比例组合图形
黄金比组合图形能让你快速的制作出各部件尺寸符合黄金比例的图形
http://7nj1xa.com1.z0.glb.clouddn.com/qiniu/241/image/3e7403164d9973b250b16dcce7035f2c.jpg图片-C9-引用
http://7nj1xa.com1.z0.glb.clouddn.com/qiniu/241/image/a2ce3f964a9c01612ce9e398db0e5a48.jpg图片C10-引用

常用构图框http://7nj1xa.com1.z0.glb.clouddn.com/qiniu/241/image/7d45de619462986d749ef637281df6c2.png

构图框常常用在
http://7nj1xa.com1.z0.glb.clouddn.com/qiniu/241/image/344a09f28570476a3e6b57127dcbc21f.png
http://7nj1xa.com1.z0.glb.clouddn.com/qiniu/241/image/fe8b62da64a75ad824e05bf85caf8c5e.png






cwsr 发表于 2017-4-10 09:21:01

谢谢分享，学习了！！！

cwsr 发表于 2017-4-10 09:38:04

太把黄金比神化了，黄金比也没那么神奇……，视觉更重要

orzni 发表于 2017-4-27 00:57:42

这个纯是从不知语冰大神的官网那里转载过来的，你连作者都不注明一下好么？
页: [1]
查看完整版本: 设计参考线完全手册