[聊作] 糟糕的,普通的,好的 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
Elethom

[聊作] 糟糕的,普通的,好的

  •  2
     
  •   Elethom Jan 23, 2015 12106 views
    This topic created in 4112 days ago, the information mentioned may be changed or developed.

    聊作。有感於最近看了多新立做得很糟糕的 UI 。

    《糟糕的,普通的,好的》之「」
    Bad Designer, Average Designer, Good Designer - Alignment

    要不要(趁著 Swift 聊的空隙)做一系列出呢?

    Supplement 1    Jan 23, 2015
    解一下:

    有助的候,因形的不同形和三角形在(人眼的)上小一些,所以需要修正。

    有一概念叫做 visual weight,涉及 shape 的候非常,需要做小幅度修正。要保持 balance 除 shape size 外需要考多其他因素,例如加入 colour 後要考的最基本的 contrast 和由 brightness temperature 等合起的感受,以及加入 pattern 後要考的 complexity density 等。



    然本人在方面很菜,但如果有人喜的是可以整理一些似的有趣的 tips 做一 series 的,然也都只能是很入的容啦。大家有趣?
    49 replies    2015-03-24 15:01:54 +08:00
    Elethom
        1
    Elethom  
    OP
       Jan 23, 2015   1
    @Livid
    GitHub Flavoured Markdown 的 strikethrough 有支持.
    mailunion
        2
    mailunion  
       Jan 23, 2015
    不懂设计,第三个为什么两条水平直线不和圆相切,三角形的尖为什么要冒出来,看着难受。
    Livid
        3
    Livid  
    MOD
    PRO
       Jan 23, 2015   1
    @Elethom 好的。现在有了。谢谢。
    Bitex
        4
    Bitex  
       Jan 23, 2015 via iPhone
    @mailunion 同问,看着难受
    iptux
        5
    iptux  
       Jan 23, 2015
    处女座来挑刺儿,为什么最上面的方块与下面两个方块没有对齐?
    lucky2touch
        6
    lucky2touch  
       Jan 23, 2015
    外行人看了不明觉厉啊,感觉某某国旗看起来三种颜色一样宽,实际上物理宽度有差异有异曲同工之妙啊。
    Elethom
        7
    Elethom  
    OP
       Jan 23, 2015
    @Livid
    Nice!

    @mailunion
    @Bitex
    有助的候, 因形的不同形和三角形在 (人眼的) 上小一些, 所以需要修正.
    Elethom
        8
    Elethom  
    OP
       Jan 23, 2015
    @iptux
    出不小心按了方向, 上了新的案, 但是不能了. 已在 Twitter 上 @Livid 替.
    Bitex
        9
    Bitex  
       Jan 23, 2015 via iPhone
    @Elethom 原来如此。

    去看了一下Lollipop的导航键,似乎的确是Good Designer的设计。

    (咱是Bad Designer…跑
    Elethom
        10
    Elethom  
    OP
       Jan 23, 2015   1
    @Bitex

    其是 bad (lazy) designer 喵~ www

    似的理有 font kerning, 於大尺寸的西文字尤重要.
    ref: http://en.wikipedia.org/wiki/Kerning
    qiayue
        11
    qiayue  
    PRO
       Jan 23, 2015
    @mailunion 因为圆和三角都比方形面积小,所以要突出一点,(去掉两条横线时)视觉上看起来更好
    kokdemo
        12
    kokdemo  
       Jan 23, 2015
    @Elethom 不太明白第三个是什么情况……
    leaf
        13
    leaf  
       Jan 23, 2015
    都是凭感觉做的,这是啥水平的设计师。。。
    WildCat
        14
    WildCat  
       Jan 23, 2015 via iPhone
    Average Designer 换成 Common Designer 或者 Normal Designer 是不是更好一些?
    233
        15
    233  
       Jan 23, 2015
    有没有去掉辅助线的图,凭视觉感受一下
    Bitex
        16
    Bitex  
       Jan 23, 2015 via iPhone
    又看了几遍标题,突然想起来"普通外科医生"、"高级外科医生"、"史诗外科医生"
    Elethom
        17
    Elethom  
    OP
       Jan 23, 2015   1
    @kokdemo
    在附言解了.br />
    @leaf
    那是家不是.

    @WildCat
    呃... 你定自己和我理解的一致?

    @233
    lausius
        18
    lausius  
       Jan 23, 2015
    我想到假如是在UI设计里边,将圆形和三角形放大应该不是个好办法。你要考虑到很多时候图形像素是有限制的,这么做的话,圆形和三角形很可能会被切头切尾。这种情况下,将正方形缩小会更好。
    Dreista
        19
    Dreista  
       Jan 23, 2015
    @Elethom 为什么有一种圆形修正不足,三角形修正过度的感觉
    halowhen
        20
    halowhen  
       Jan 23, 2015
    LZ所的校正在字型中十分常,比如NIVEA...
    Elethom
        21
    Elethom  
    OP
       Jan 23, 2015
    @Dreista
    你的, 等三角形和其他形等高的候度本就要多一些, 形比三角形多修正一些. 因偷了只是想表一下那意思就手拖了一下有真的仔看它, 反正被助著也看不清. (你)
    我 (gai) 悔 (zheng) 的. 233
    walkingway
        22
    walkingway  
       Jan 23, 2015
    英文字母的间距也是一样的
    lotem
        23
    lotem  
       Jan 23, 2015
    「嗯 考虑到视差
    我就是好的设计师啦啦啦」
    treo
        24
    treo  
       Jan 23, 2015
    还是cli 好
    yangff
        25
    yangff  
       Jan 23, 2015 via Android
    @Elethom 第三个三角形太高了是要逼死强迫症的design嘛
    Keinez
        26
    Keinez  
       Jan 23, 2015
    看不懂这三张图的设计师都不合格。
    bitwing
        27
    bitwing  
       Jan 23, 2015
    字体?
    BGLL
        28
    BGLL  
       Jan 23, 2015   1
    中线对齐就好了,斜过来对齐.....
    各个图形面积不一样看起来大小当然不同......为什么要弄得大小相同?
    yellowV2ex
        29
    yellowV2ex  
       Jan 23, 2015
    第三个三角形看起来高了一块高了一角感觉比其他两个要大一号,差评
    loading
        30
    loading  
       Jan 23, 2015 via Android
    也就是我常和其他ps切图工友说的:你觉得居中就居中了,不要量像素点……
    vivianalive
        31
    vivianalive  
       Jan 23, 2015
    从来都是竖直对其的,代码怎么简单怎么写。
    233
        32
    233  
       Jan 23, 2015
    @Elethom 感觉圆和三角的距离差别还是很明显的,但大小真感觉不出什么
    Ringo7
        33
    Ringo7  
       Jan 24, 2015
    做设计真累
    PrideChung
        34
    PrideChung  
       Jan 24, 2015
    我居然一眼就看懂了楼主的意思,我是不是有当设计师的天分?
    yanghaoling
        35
    yanghaoling  
       Jan 24, 2015
    太巧了。昨天做了个家长验证弹窗就是这样的。顺手按了个居中分布就不管了。原来我是个Bad Designer。T T
    jprovim
        36
    jprovim  
       Jan 24, 2015
    不看和附言根本理解.
    bigzhu
        37
    bigzhu  
       Jan 24, 2015
    说来说去, 就是一切凭感觉来就对了...

    画什么辅助线, 画辅助线的都是 Bad Designer
    wldouglas
        38
    wldouglas  
       Jan 25, 2015
    我想问的是,为毛要把这三个不同形状的东西放在一起
    Keinez
        39
    Keinez  
       Jan 26, 2015
    @wldouglas 你做字体设计和标识设计的时候就知道了……
    wldouglas
        40
    wldouglas  
       Jan 26, 2015
    @Keinez 那为毛大家都在讨论UI
    Keinez
        41
    Keinez  
       Jan 26, 2015
    @wldouglas 我怎知……UI一般不需要计较这些的……
    Elethom
        42
    Elethom  
    OP
       Jan 26, 2015 via iPhone
    @Keinez
    @wldouglas
    UI 也要呀, 比如形按和一大段文字的候...
    Keinez
        43
    Keinez  
       Jan 26, 2015
    @Elethom 一般不会有圆形按钮,有的话也是图标类的,这种情况下是使用一个固定了的padding,哪里会有机会给你调……
    Elethom
        44
    Elethom  
    OP
       Jan 26, 2015
    @Keinez
    所以好的是有成本的.
    Keinez
        45
    Keinez  
       Jan 26, 2015
    @Livid
    .reply_content 写成 word-break: break-all 之后把 padding 这个单词截断了。
    Ringo7
        46
    Ringo7  
       Jan 29, 2015
    有兴趣,求更新
    monk
        47
    monk  
       Feb 17, 2015
    楼主还是很菜,半瓶水晃荡的水平。
    mirukio
        48
    mirukio  
       Mar 6, 2015
    其实我没有看懂
    cherryk4y
        49
    cherryk4y  
       Mar 24, 2015
    我经常会这样考虑到视觉差所以不会进行绝对的对其,但也不是绝对。要看具体情况。
    About     Help     Advertise     Blog     API     FAQ     Solana     3510 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 120ms UTC 11:28 PVG 19:28 LAX 04:28 JFK 07:28
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86