無聊作。有感於最近看了許多試圖標新立異卻做得很糟糕的 UI 設計。
《糟糕的設計師，普通的設計師，好的設計師》之「對齊」
Bad Designer, Average Designer, Good Designer - Alignment
要不要（趁著學習 Swift 無聊的空隙）做一個系列出來呢？
This topic created in 4143 days ago, the information mentioned may be changed or developed.
Supplement 1 · Jan 23, 2015
解釋一下：
當沒有輔助線的時候，因為形狀的不同圓形和三角形在（人眼的）視覺上會小一些，所以需要修正。
這裏有一個概念叫做 visual weight，當僅涉及 shape 的時候還非常簡單，僅需要做小幅度修正。要保持 balance 除 shape 與 size 外還需要考慮許多其他因素，例如加入 colour 後要考慮的最基本的 contrast 和由 brightness 與 temperature 等綜合起來的感受，以及加入 pattern 後要考慮的 complexity 與 density 等。
雖然本人在設計方面很菜，但如果有人喜歡的話還是可以整理一些類似的有趣的 tips 做一個 series 的，當然也都只能是這樣很入門的內容啦。大家有興趣嗎？
當沒有輔助線的時候，因為形狀的不同圓形和三角形在（人眼的）視覺上會小一些，所以需要修正。
這裏有一個概念叫做 visual weight，當僅涉及 shape 的時候還非常簡單，僅需要做小幅度修正。要保持 balance 除 shape 與 size 外還需要考慮許多其他因素，例如加入 colour 後要考慮的最基本的 contrast 和由 brightness 與 temperature 等綜合起來的感受，以及加入 pattern 後要考慮的 complexity 與 density 等。
雖然本人在設計方面很菜，但如果有人喜歡的話還是可以整理一些類似的有趣的 tips 做一個 series 的，當然也都只能是這樣很入門的內容啦。大家有興趣嗎？
 |
2
mailunion Jan 23, 2015
不懂设计，第三个为什么两条水平直线不和圆相切，三角形的尖为什么要冒出来，看着难受。
|
 |
5
iptux Jan 23, 2015
处女座来挑刺儿，为什么最上面的方块与下面两个方块没有对齐？
|
 |
6
lucky2touch Jan 23, 2015
外行人看了不明觉厉啊，感觉某某国旗看起来三种颜色一样宽，实际上物理宽度有差异有异曲同工之妙啊。
|
 |
7
Elethom OP |
 |
9
Bitex Jan 23, 2015 via iPhone
|
|
10
Elethom OP  1
@Bitex
其實是 bad (lazy) designer 喵~ www 類似的處理還有 font kerning, 對於大尺寸的西文字體尤為重要. ref: http://en.wikipedia.org/wiki/Kerning |
 |
13
leaf Jan 23, 2015
都是凭感觉做的，这是啥水平的设计师。。。
|
 |
14
WildCat Jan 23, 2015 via iPhone
Average Designer 换成 Common Designer 或者 Normal Designer 是不是更好一些？
|
 |
15
233 Jan 23, 2015
有没有去掉辅助线的图，凭视觉感受一下
|
|
16
Bitex Jan 23, 2015 via iPhone
又看了几遍标题，突然想起来"普通外科医生"、"高级外科医生"、"史诗外科医生"
|
 |
18
lausius Jan 23, 2015
我想到假如是在UI设计里边，将圆形和三角形放大应该不是个好办法。你要考虑到很多时候图形像素是有限制的，这么做的话，圆形和三角形很可能会被切头切尾。这种情况下，将正方形缩小会更好。
|
 |
20
halowhen Jan 23, 2015
LZ所說的視覺校正在字型設計中十分常見，比如NIVEA...
 |
|
21
Elethom OP @Dreista
你說的沒錯, 等邊三角形和其他兩個形狀等高的時候寬度本來就要多一些, 圓形確實應該比三角形多修正一些. 因為偷懶了只是想表達一下那個意思就隨手拖了一下沒有真的仔細看它, 反正被輔助線蓋著也看不清. (你夠) 我會懺 (gai) 悔 (zheng) 的. 233 |
 |
22
walkingway Jan 23, 2015
英文字母的间距也是一样的
|
 |
23
lotem Jan 23, 2015
「嗯 考虑到视差
我就是好的设计师啦啦啦」 |
 |
24
treo Jan 23, 2015
还是cli 好
|
 |
26
Keinez Jan 23, 2015
看不懂这三张图的设计师都不合格。
|
 |
27
bitwing Jan 23, 2015
字体？
|
 |
28
BGLL Jan 23, 2015 1
中线对齐就好了，斜过来对齐.....
各个图形面积不一样看起来大小当然不同......为什么要弄得大小相同？ |
 |
29
yellowV2ex Jan 23, 2015
第三个三角形看起来高了一块高了一角感觉比其他两个要大一号，差评
|
 |
30
loading Jan 23, 2015 via Android
也就是我常和其他ps切图工友说的：你觉得居中就居中了，不要量像素点……
|
 |
31
vivianalive Jan 23, 2015
从来都是竖直对其的，代码怎么简单怎么写。
|
 |
33
Ringo7 Jan 24, 2015
做设计真累
|
 |
34
PrideChung Jan 24, 2015
我居然一眼就看懂了楼主的意思，我是不是有当设计师的天分？
|
 |
35
yanghaoling Jan 24, 2015
太巧了。昨天做了个家长验证弹窗就是这样的。顺手按了个居中分布就不管了。原来我是个Bad Designer。T T
|
 |
36
jprovim Jan 24, 2015
不看評論和附言根本沒理解.
|
 |
37
bigzhu Jan 24, 2015
说来说去, 就是一切凭感觉来就对了...
画什么辅助线, 画辅助线的都是 Bad Designer |
 |
38
wldouglas Jan 25, 2015
我想问的是，为毛要把这三个不同形状的东西放在一起
|
|
46
Ringo7 Jan 29, 2015
有兴趣，求更新
|
 |
47
monk Feb 17, 2015
楼主还是很菜，半瓶水晃荡的水平。
|
 |
48
mirukio Mar 6, 2015
其实我没有看懂
|
 |
49
cherryk4y Mar 24, 2015
我经常会这样考虑到视觉差所以不会进行绝对的对其，但也不是绝对。要看具体情况。
|
Select Language