V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
zxCoder
V2EX  ›  问与答

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

  •  
  •   zxCoder · 2020-11-24 08:36:15 +08:00 · 3975 次点击
    这是一个创建于 1460 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    21 条回复    2020-11-24 11:48:30 +08:00
    cmdOptionKana
        1
    cmdOptionKana  
       2020-11-24 08:51:13 +08:00
    没有设计感的业界标准:bootstrap
    ydatong
        2
    ydatong  
       2020-11-24 08:52:26 +08:00 via iPhone
    没事 Dribbble 上面看看
    xiangyuecn
        3
    xiangyuecn  
       2020-11-24 09:01:24 +08:00
    设计设计,当然交给专门的人来做了,切图仔需要什么设计感?

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

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

    组件样式就是平时多留心,也可以 dribble 找找灵感然后尝试实现。
    Jiki
        20
    Jiki  
       2020-11-24 11:46:06 +08:00 via iPhone
    Tailwind CSS + Typography.js ,应该比较契合你的场景
    qiayue
        21
    qiayue  
       2020-11-24 11:48:30 +08:00
    用 layui
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1695 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 16:48 · PVG 00:48 · LAX 08:48 · JFK 11:48
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.