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

怎么学习前端?

  •  
  •   aubreychao · 2019-05-11 09:35:05 +08:00 via Android · 2977 次点击
    这是一个创建于 2022 天前的主题,其中的信息可能已经有所发展或是发生改变。

    前几天看到同事做的一个表单简直丑出天际,估计什么样式都没有,直接堆积原始的控件。想到以后可能也需要做,想问下学哪些东西做出来起码不那么丑。还有另一个老同事做的工具界面真的是花花绿绿一片惨,有哪些文章博客或书讲 ui 设计的么?

    25 条回复    2019-05-11 21:01:59 +08:00
    learnshare
        1
    learnshare  
       2019-05-11 09:49:34 +08:00
    Bootstrap 搞起来
    IsaacYoung
        2
    IsaacYoung  
       2019-05-11 09:51:26 +08:00 via iPhone
    前端和设计也不一样
    aubreychao
        3
    aubreychao  
    OP
       2019-05-11 09:54:46 +08:00 via Android
    @learnshare 他不是只管 css 么
    aubreychao
        4
    aubreychao  
    OP
       2019-05-11 09:55:42 +08:00 via Android
    @IsaacYoung 起码的对齐都没有。。。我记得大学又看过一本书,名字忘记了
    kljsandjb
        5
    kljsandjb  
       2019-05-11 10:08:20 +08:00 via iPhone
    kljsandjb
        6
    kljsandjb  
       2019-05-11 10:09:03 +08:00 via iPhone
    IsaacYoung
        7
    IsaacYoung  
       2019-05-11 10:10:00 +08:00 via iPhone
    那就 css 权威指南吧
    aubreychao
        8
    aubreychao  
    OP
       2019-05-11 10:14:48 +08:00 via Android
    @kljsandjb 多谢
    murmur
        9
    murmur  
       2019-05-11 10:25:03 +08:00
    丑出天际是美工的问题 前端不背锅 要想好看还不想给设计钱那只能怎么办?忍着
    q8164305
        10
    q8164305  
       2019-05-11 10:25:57 +08:00 via Android
    这个要找 ui
    CopyRight
        11
    CopyRight  
       2019-05-11 10:34:32 +08:00 via iPhone
    “如果我是错的,那你最好证明你是对的。”
    learnshare
        12
    learnshare  
       2019-05-11 10:38:07 +08:00
    @aubreychao 配合任何一个 JS 库都可用,就是 Bootstrap 的灵活性了
    Merlini
        13
    Merlini  
       2019-05-11 10:46:07 +08:00
    其实不是无脑上 bootstrap 就好,bootstrap 太大了,如果再加上 js 部分的话。有些很漂亮适配移动端的纯 css 就不错的,js 再自己写就行。
    比如你可以用 purecss 作为最基础的 css 框架,然后在上面改造就行。这个库最小才 20-30k 左右。
    aubreychao
        14
    aubreychao  
    OP
       2019-05-11 12:10:03 +08:00 via Android
    @murmur 不是前端,同事就做了一个表单,但那界面不敢直视的丑。我们这部门人少,开发不是主业是为其他部门服务的。
    aubreychao
        15
    aubreychao  
    OP
       2019-05-11 12:11:43 +08:00 via Android
    @Merlini 啊看来要重新学了
    dongsuo
        16
    dongsuo  
       2019-05-11 12:41:04 +08:00
    推荐一本书:《重构 UI 》,地址: https://refactoringui.com/book/ 算是面向程序员的设计入门吧,贵,但是仔细找找在网上也能找到,挺有用的。
    另外我想说,审美人人都有,谁都能看出美丑来,但是具体做的时候,还是很不容易做好看的,如果没有专职的设计师,建议参考一些 UI 库的设计和样式,比如 elementUI / antd / material design
    auroraccc
        17
    auroraccc  
       2019-05-11 12:47:16 +08:00
    最简单的方法是找个不那么丑的 ui 库
    aubreychao
        18
    aubreychao  
    OP
       2019-05-11 12:49:51 +08:00 via Android
    @dongsuo 多谢(o^^o)
    aubreychao
        19
    aubreychao  
    OP
       2019-05-11 12:50:01 +08:00 via Android
    @auroraccc 确实
    icered
        20
    icered  
       2019-05-11 13:41:18 +08:00
    可以试一下 Picnic CSS,最近在用,感觉还不错
    xlui
        21
    xlui  
       2019-05-11 14:22:01 +08:00 via iPhone
    vue+elementui 一把梭
    huangzhe8263
        22
    huangzhe8263  
       2019-05-11 14:56:39 +08:00
    React + Antd 一把梭
    aubreychao
        23
    aubreychao  
    OP
       2019-05-11 17:07:57 +08:00 via Android
    @xlui 只听过前面的
    aubreychao
        24
    aubreychao  
    OP
       2019-05-11 17:08:22 +08:00 via Android
    @huangzhe8263 后面那个是阿里的那个呢
    oatw
        25
    oatw  
       2019-05-11 21:01:59 +08:00 via Android
    重在基础和原理 框架类库什么的前期不用投入太大精力
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2782 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 14:19 · PVG 22:19 · LAX 06:19 · JFK 09:19
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.