• 请不要在回答技术问题时复制粘贴 AI 生成的内容
firhome
V2EX  ›  程序员

非前端/设计同学做自己项目是如何下手?

  •  
  •   firhome · Nov 21, 2019 · 4058 views
    This topic created in 2546 days ago, the information mentioned may be changed or developed.
    看到很多个人项目“样式” 部分都做的很高大上。

    请问一下各位非前端 /设计同学。

    你们是怎么做自己项目 前端表现部分的?用了什么样式库吗?
    23 replies  •  2019-11-22 09:48:25 +08:00
    MrCard
    MrCard
    Nov 21, 2019
    1
    还用什么样式库,自己写,圆角加阴影,难看不到哪去
    dfourc
    dfourc
    Nov 21, 2019
    2
    再加点几句动画过渡,就差不多了
    hbolive
    hbolive
    Nov 21, 2019
    3
    嗯,如楼上几位所说搞下来,不会比 v2 差。。
    zhaorunze
    zhaorunze
    Nov 21, 2019
    4
    楼上三位有点膨胀
    orzorzorzorz
    orzorzorzorz
    Nov 21, 2019
    5
    扯个题外话,高大上的样式大多数看上去都很难受,真的是强行在动...我自认做不出一个好的设计感主题,索性就不带动画,方便操作为主,最多改改宽高,或者类似于给 label 加上 for 之类的便于键盘操作。
    orzorzorzorz
    orzorzorzorz
    Nov 21, 2019
    6
    这个时候我作为 antd 的 collaborator,也算是提交过一些代码,所以得安利下 material-design 这套设计。
    https://material-ui.com/
    Vegetable
    Vegetable
    Nov 21, 2019
    7
    自己弄呗,个人经验
    先吃透 flex 布局,哪怕是要用框架的 grid,我觉得 flex 布局也是非常必要的,其实半个小时就能玩转

    然后评估好需要多复杂的 UI,如果没有很复杂的,比如像做一个一两个页面的网站,可以考虑自己调样式,如果是比较复杂的,有很多复杂组件,那就用 UI 库.不一定非得看 antd element 什么的,bootstrap 就很不错,semantic ui 也挺好的.

    设计方面,多看 Dribble 之类的,别问,问就是学.
    zarte
    zarte
    Nov 21, 2019
    8
    话说前端的那些人 css 命名有什么规则吗?自己写一个 div 一个类名感觉不够通用。
    yuankui
    yuankui
    Nov 21, 2019
    9
    撸一把 mozilla 的 css 文档,应该就可以上路了~
    yuankui
    yuankui
    Nov 21, 2019
    10
    yuankui
    yuankui
    Nov 21, 2019
    11


    这是我正在做的个人知识管理软件
    ochatokori
    ochatokori
    Nov 21, 2019 via Android
    12
    再整点 js 交互就完美了
    yyh0808
    yyh0808
    Nov 21, 2019
    13
    、、、设计好了,js 写不出来样式一样痛苦,比如我,如果觉得丑可以发上来链接,我可以详细写点建议怎么改好看点
    xdaoo
    xdaoo
    Nov 21, 2019 via iPhone
    14
    css 就用 foundation6 吧,挺好用的
    gabon
    gabon
    Nov 21, 2019 via Android
    15
    bootstrap
    RicardoY
    RicardoY
    Nov 21, 2019 via Android
    16
    去 github 翻一个脚手架 然后对着文档搞搞搞..我菜在学校做是这样..
    encro
    encro
    Nov 21, 2019
    17
    1,模仿;
    2,基于框架开发如 bootstrap4
    3,先设计原型,原型之前有思维导图;
    4,好的设计都是一步一步改出来的;
    5,看一些产品设计方面的书记和 blog.
    zanyxd
    zanyxd
    Nov 21, 2019 via Android
    18
    闲时逛一逛 codepen
    能学到很多骚操作
    dioxide
    dioxide
    Nov 21, 2019❤️1
    19
    @zarte , 命名是 CSS 编码的一大主题, 方法论有很多: OOCSS、BEM、SMACSS...
    muamua
    muamua
    Nov 22, 2019
    20
    yousabuk
    yousabuk
    Nov 22, 2019 via iPhone
    21
    纯后段,以前简单学过 CSS,JavaScript,几乎没有用过,VUE 礼拜边学边做,也可以做前端了。

    再选个你喜欢的风格的 UI 框架就可以了。推荐:Google MD 风格的 vuetifi
    yousabuk
    yousabuk
    Nov 22, 2019 via iPhone
    22
    手机码字拼错了:vuetify
    alphardex
    alphardex
    Nov 22, 2019
    23
    SCSS 一把梭
    附我之前整理的 CSS 技巧大全: https://juejin.im/post/5dd246baf265da0be72aae4a
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2553 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 53ms · UTC 11:41 · PVG 19:41 · LAX 03:41 · JFK 06:41
    ♥ Do have faith in what you're doing.