怎么解决公司没有 ui,自己写前端太丑的问题 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
tangzui
V2EX    前端开发

怎么解决公司没有 ui,自己写前端太丑的问题

  •  
  •   tangzui 2021-02-24 17:58:36 +08:00 3809 次点击
    这是一个创建于 1773 天前的主题,其中的信息可能已经有所发展或是发生改变。

    如上

    18 条回复    2021-02-25 13:36:53 +08:00
    xiaoz
        1
    xiaoz  
       2021-02-24 18:50:55 +08:00 via Android
    直接上 UI 框架呗
    OldActorsSmile
        2
    OldActorsSmile  
       2021-02-24 19:34:15 +08:00
    用开源 UI 组建
    renmu123
        3
    renmu123  
       2021-02-24 19:38:29 +08:00 via Android
    尴尬的是产品经理(
    arszlyx
        4
    arszlyx  
       2021-02-24 19:39:17 +08:00   1
    ui 和前端丑没有直接关系
    westoy
        5
    westoy  
       2021-02-24 19:44:54 +08:00   1
    不解决, 反而更应该得让人看了受不了, 逼公司招人, 你做个还能凑合的, 就等着长期兼 UI 和 UE 吧
    Mithril
        6
    Mithril  
       2021-02-24 20:05:48 +08:00
    找一个你看的顺眼的 UI 组件库,全部用原生组件,不要瞎改样式,布局参考官方例子。
    凑合一下就能看了。
    65r4Zgm364TDg652
        7
    65r4Zgm364TDg652  
       2021-02-24 20:49:11 +08:00 via iPhone
    我记得 producthunt 上有个项目记录了近五年网页 ui 的变化:存了一些典型网站,可以找来看看
    Bijiabo
        span class="no">8
    Bijiabo  
       2021-02-24 21:37:53 +08:00
    想办法申请招聘设计师
    murmur
        9
    murmur  
       2021-02-24 21:38:50 +08:00
    这个只能花钱,找开源 UI 只能解决 admin 部分没法解决用户操作的界面
    johnsona
        10
    johnsona  
       2021-02-24 23:28:05 +08:00 via iPhone
    element ui
    先学布局,flex 布局 栅格布局之类的
    然后就是把那些按钮 表单放指定位置放在页面就好了
    基本差不多了
    ETiV
        11
    ETiV  
       2021-02-25 03:19:19 +08:00 via iPhone
    ui8.net 买个模板
    whusnoopy
        12
    whusnoopy  
       2021-02-25 08:20:36 +08:00   2
    正经来回答下

    首先需要提升自己的框架布局能力,就跟平面排版和搭软件架构一样,知道不同的区域模块,他们的关系是怎样的,比如 HTML 语义里,哪些标签可以平级,哪些标签会有上下级关系,这样不同区块的大小、间距就是一个互相有关联度的取值,比如是「这个按钮隶属于这个区块,跟这个区块的边沿有 12px 间隙,而这个区块跟另一个区块是无缝相连的」而不是「这个按钮离那个区块有 12px 间隙」

    能理清楚结构关系,配合合适的间距,这时候再丑也不会丑到哪里去了(保证下限)。很多说找 UI 库或开源 UI 的,如果这个结构关系理不清,直接上 UI 库也不知道什么时候该用库里的哪个组件,还是会出现局部看还行,凑一起就哪哪不协调

    在有基本的逻辑结构基础上,多去看看现有的比较好的产品,看他们的源码是怎么组织结构,怎么构建他们的规范,以及规范背后的逻辑哲学(特别很多 UI 库的文档,大厂设计规范,和大公司的设计部会做这样的分享),这样会有助于形成属于自己的美学逻辑,可能不够好但至少是统一的

    最后就是不同人的审美和美感,这个很多是天生的,求不来,但能做到前面几个我觉得已经会比各种三流 UI 设计师靠谱多了
    Leonard
        13
    Leonard  
       2021-02-25 09:01:10 +08:00
    不解决
    HENQIGUAI
        14
    HENQIGUAI  
       2021-02-25 09:06:58 +08:00
    如果有兴趣就自己学,如果没兴趣就扔那不用管。
    leafre
        15
    leafre  
       2021-02-25 09:08:33 +08:00
    离职
    LaGeNanRen
        16
    LaGeNanRen  
       2021-02-25 09:37:49 +08:00
    没 ui 就招 ui 啊
    前端工作任务一个人做不完难道要加班?不是应该再招个前端么?
    或者找我长期外包也行啊,我就是 ui 啊(淦)
    xiangyuecn
        17
    xiangyuecn  
       2021-02-25 09:42:20 +08:00   1
    记住要点:大间距、大字号、细字体、黑白搭配 === 高端
    lamesbond
        18
    lamesbond  
       2021-02-25 13:36:53 +08:00
    招 UI,前端
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     837 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 24ms UTC 23:01 PVG 07:01 LAX 15:01 JFK 18:01
    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