zxCoder
V2EX  ›  问与答

毫无设计感的人怎么写出一个中规中矩的前端界面

  •  
  •   zxCoder · Nov 24, 2020 · 5002 views
    This topic created in 2139 days ago, the information mentioned may be changed or developed.

    毫无设计感的人怎么写出一个中规中矩的前端界面,每次想写项目都会遇到这个问题,虽然现在有很多 ui 框架,但感觉定制度都比较高,拼凑起来一般都很丑

    21 replies  •  2020-11-24 11:48:30 +08:00
    QingXuJiaZhi
        1
    QingXuJiaZhi  
       Nov 24, 2020
    没有设计感的业界标准:bootstrap
    ydatong
        2
    ydatong  
       Nov 24, 2020 via iPhone
    没事 Dribbble 上面看看
    xiangyuecn
        3
    xiangyuecn  
       Nov 24, 2020
    设计设计,当然交给专门的人来做了,切图仔需要什么设计感?

    不限于 Android 、IOS 、H5 ;反正能肉眼看到的地方
    mumbler
        4
    mumbler  
       Nov 24, 2020 via Android
    找现成的模板啊
    Mithril
        5
    Mithril  
       Nov 24, 2020
    找几个用的人多的框架往上一套就完了,什么 bootstrap,angular material 之类的。
    zzzmh
        6
    zzzmh  
       Nov 24, 2020
    模板之家
    murmur
        7
    murmur  
       Nov 24, 2020
    themeforest
    fanggewang
        8
    fanggewang  
       Nov 24, 2020   ❤️ 3
    找个做 UI 的女朋友
    gaoryrt
        9
    gaoryrt  
       Nov 24, 2020
    ant design 除了组件库,也有设计规范的。我认为这个设计规范就是给不太懂设计的程序员准备的。
    1. 遵循规范
    2. 在适合的地方使用适合的组件
    3. 不要魔改组件
    满足这三点就够了,当然满足这三点已经很难了
    zhangshine
        10
    zhangshine  
       Nov 24, 2020
    抄
    webshe11
        11
    webshe11  
       Nov 24, 2020
    0703wzq
        12
    0703wzq  
       Nov 24, 2020
    ant design 好看。bootstrap 丑到不能直视。
    crazytree
        13
    crazytree  
       Nov 24, 2020
    看这个帖子:
    https://v2ex.com/t/624474
    lifesimple
        14
    lifesimple  
       Nov 24, 2020
    后台管理系统的话 直接 antd pro 这种现成的拿来用就行了吧
    love
        15
    love  
       Nov 24, 2020
    dribbble 上应有尽有,你要哪块 UI 有无数例子可以抄,抄多了自己都会了,UI 就这几个套路,比编程容易多了
    zxCoder
        16
    zxCoder  
    OP
       Nov 24, 2020
    @lifesimple ui 现成框架好像还都是后台管理那种的,我想应该是前台页面的一般都是专业前端写的吧
    lifesimple
        17
    lifesimple  
       Nov 24, 2020
    @zxCoder 展示页么比如官网这种?如果是这种的话 自己没想法的话 可以去找找参考啥的吧,要是要求高应该让 ui 来弄设计
    st2026
        18
    st2026  
       Nov 24, 2020
    花钱请 ui 同学设计
    noqwerty
        19
    noqwerty  
       Nov 24, 2020
    多看多抄,我自己是用 Tailwind CSS,配色参考:

    https://material.io/design/color/the-color-system.html
    https://refactoringui.com/previews/building-your-color-palette/

    组件样式就是平时多留心,也可以 dribble 找找灵感然后尝试实现。
    Jiki
        20
    Jiki  
       Nov 24, 2020 via iPhone
    Tailwind CSS + Typography.js ,应该比较契合你的场景
    qiayue
        21
    qiayue  
       Nov 24, 2020
    用 layui
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   895 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 49ms · UTC 23:09 · PVG 07:09 · LAX 16:09 · JFK 19:09
    ♥ Do have faith in what you're doing.