V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
pythonee
V2EX  ›  程序员

不知道有没有什么办法,让程序员在制作网页或 UI 的时候,不那么难看

  •  
  •   pythonee · 2017-02-21 06:24:44 +08:00 · 7039 次点击
    这是一个创建于 2820 天前的主题,其中的信息可能已经有所发展或是发生改变。
    没有学过设计,有没有什么容易上手的方式,让做出来的网页不那么难看呢
    第 1 条附言  ·  2017-02-21 09:26:12 +08:00
    或者有什么基本布局,入门布局,配色指南可以参考吗
    66 条回复    2017-02-22 12:33:11 +08:00
    justyy
        1
    justyy  
       2017-02-21 06:30:54 +08:00   ❤️ 3
    让女朋友在边上指导。
    xiaopc
        2
    xiaopc  
       2017-02-21 06:35:02 +08:00 via Android
    学设计。😅
    用有设计感的前端框架。😂
    kitalphaj
        3
    kitalphaj  
       2017-02-21 06:49:58 +08:00
    好问题,我也想知道答案。。。
    XiaoFaye
        4
    XiaoFaye  
       2017-02-21 07:22:19 +08:00   ❤️ 2
    模板,狠狠地套上去。
    basefas
        5
    basefas  
       2017-02-21 07:36:19 +08:00 via iPhone
    可以看看 material design
    loading
        6
    loading  
       2017-02-21 07:47:41 +08:00 via Android   ❤️ 1
    楼主,先试一下 bootstrap 吧。
    SoulGem
        7
    SoulGem  
       2017-02-21 08:02:09 +08:00 via iPhone   ❤️ 1
    推荐 Semantic UI
    kindjeff
        8
    kindjeff  
       2017-02-21 08:03:28 +08:00 via iPhone
    狠狠地 margin
    misaka19000
        9
    misaka19000  
       2017-02-21 08:08:34 +08:00 via Android   ❤️ 2
    试下 bootstrap 吧,还是不错的
    zdhxiong
        10
    zdhxiong  
       2017-02-21 08:23:18 +08:00 via Android
    试试 material design 框架 http://www.mdui.org
    est
        11
    est  
       2017-02-21 08:33:04 +08:00   ❤️ 5
    10 年踩坑经验:丑是天生的。放弃吧 LZ 。
    mcfog
        12
    mcfog  
       2017-02-21 08:38:21 +08:00 via Android   ❤️ 1
    注意结构和空间感,元素和样式都不要太多,信息呈现区分主次

    最后大招:找张喜欢的壁纸图拉到 1600px 开高丝模糊当背景,内容合适的话考虑容器做 5%左右透明

    早年改了几行的 hexo 默认主题=> https://press.mcfog.wang/
    ragnaroks
        13
    ragnaroks  
       2017-02-21 08:39:59 +08:00
    像素级借鉴
    tilv37
        14
    tilv37  
       2017-02-21 08:40:13 +08:00
    我也想知道答案。。。
    hand515
        15
    hand515  
       2017-02-21 08:49:29 +08:00   ❤️ 1
    花钱请个美工把界面设计好
    xvx
        16
    xvx  
       2017-02-21 08:53:04 +08:00 via iPhone
    有个完整的前端框架。
    murmur
        17
    murmur  
       2017-02-21 08:53:26 +08:00
    bootstrap+themeforest
    或者,你们公司没美工没 UI 么?!
    justtery
        18
    justtery  
       2017-02-21 08:54:09 +08:00 via Android
    其实布局能弄好,再正常配色的话,应该都还可以,你能想象的到,我公司一个网站的整体设计都是我一个后端程序猿来做的么?不忍直视啊
    dong3580
        19
    dong3580  
       2017-02-21 08:55:36 +08:00
    @est
    多年踩坑经验...我能在一个 winform 上摆上各种实用的功能,但经不过一个丑字.
    wolfan
        20
    wolfan  
       2017-02-21 08:56:10 +08:00 via Android
    @zdhxiong md 个人感觉还是要有点底子才能驾驭
    designer
        21
    designer  
       2017-02-21 08:56:54 +08:00 via iPhone
    培养审美+学习配色
    wensonsmith
        22
    wensonsmith  
       2017-02-21 08:57:30 +08:00
    UIkit 套上去就挺好看
    yao978318542
        23
    yao978318542  
       2017-02-21 09:07:10 +08:00
    同求
    4641585
        24
    4641585  
       2017-02-21 09:09:52 +08:00
    多去看艺术展览找感觉 + 学习一些成体系的理论比如色彩理论

    当然还是直接用别人写好的规范或者框架最省事
    shoaly
        25
    shoaly  
       2017-02-21 09:15:56 +08:00   ❤️ 3
    设计好的 UI 和写代码本身就是矛盾, 想要做好看的效果, 需要更多的代码水平, 然后转念一想 降低一点要求其实也能实现功能了.
    所以就衍生出了 UI + 产品经理 + 程序员的结构. UI 负责飞天, 产品经理负责落地, 程序员负责实现. 当 UI 飞出太空, 碰巧产品经理也在飞船里面的时候, 就是程序员骂娘的时候
    knightdf
        26
    knightdf  
       2017-02-21 09:32:17 +08:00
    请个 UI
    ansheng
        27
    ansheng  
       2017-02-21 09:35:40 +08:00
    难道不是直接买套自己喜爱的模板,然后看着改?让程序员和用户做交互,那简直太痛苦了,
    LancerXin
        28
    LancerXin  
       2017-02-21 10:23:24 +08:00
    扒皮 略做修改 上线
    JiaFeiX
        29
    JiaFeiX  
       2017-02-21 10:29:06 +08:00
    组件化的 UI 框架
    killerv
        30
    killerv  
       2017-02-21 10:36:48 +08:00
    bootstrap 或者直接找模版,术业专攻,干嘛要让程序员搞设计
    mnhkahn
        31
    mnhkahn  
       2017-02-21 10:38:09 +08:00
    bootstrap
    lyragosa
        32
    lyragosa  
       2017-02-21 10:41:14 +08:00
    自用小项目,个人网站,不拿去卖钱的东西 -> bootstrap 套模板

    商业作品,公司项目 -> 不需要程序员负责外观,如果需要,请换公司
    indooorsman
        33
    indooorsman  
       2017-02-21 10:44:46 +08:00 via Android
    material design
    killadm
        34
    killadm  
       2017-02-21 10:55:17 +08:00 via Android   ❤️ 1
    bootstrap ,不是特别好看但至少风格是统一的。
    paradoxs
        35
    paradoxs  
       2017-02-21 10:57:06 +08:00
    没效果图吗? 直接按照效果图开发啊.
    Felldeadbird
        36
    Felldeadbird  
       2017-02-21 11:31:16 +08:00
    学习配色。很多丑都是因为配色不好。
    GuangTsang
        37
    GuangTsang  
       2017-02-21 12:35:57 +08:00
    出规范,标注清晰
    sunber
        38
    sunber  
       2017-02-21 12:57:33 +08:00
    没事,丑也可以丑出新高度
    nicevar
        39
    nicevar  
       2017-02-21 13:03:47 +08:00 via iPhone
    每次以前搞设计的同事看到我的个人作品都要调侃一番,自从我学习了一段时间配色以后,他觉得我的 APP 能看了
    jarlyyn
        40
    jarlyyn  
       2017-02-21 13:12:59 +08:00
    楼主以为 bootstrap 是用来干嘛的。
    breeswish
        41
    breeswish  
       2017-02-21 13:16:30 +08:00
    丑是天生的 +1

    例如,即使是已经做了大量视觉效果和界面封装的 material design ,到不同的人手里做出来的效果也是天壤之别
    sighforever
        42
    sighforever  
       2017-02-21 13:37:43 +08:00
    抄呗
    一模一样的抄
    ETiV
        43
    ETiV  
       2017-02-21 14:04:03 +08:00 via iPhone
    别自己搞,普通人设计要钱,程序员设计要命
    Immortal
        44
    Immortal  
       2017-02-21 16:43:43 +08:00
    bootstrap 这类前端库啊- -
    很多用 bootstrap 的原因就是
    至少不会太丑
    dallaslu
        45
    dallaslu  
       2017-02-21 16:57:43 +08:00
    @Immortal 丑得有下限……
    wupeimin2006
        46
    wupeimin2006  
       2017-02-21 17:05:28 +08:00
    thuang
        47
    thuang  
       2017-02-21 19:51:15 +08:00
    @justyy 终结此贴
    chiv2
        48
    chiv2  
       2017-02-21 21:44:06 +08:00   ❤️ 1
    基本布局: bootstrap
    基本配色: http://colorhunt.co
    字体: google fonts 或者 Adobe fonts
    cbais7890
        49
    cbais7890  
       2017-02-21 22:15:42 +08:00
    关键字: 前端 视觉设计 入门

    到最后无非就是排版布局配色规范化这些基本功. 如果已经用了一些比较成熟的前端框架的话, 基本配色和控件规范化这些细节已经不用我们去管理了, 剩下的就是排版了.
    一些平面设计的原理很适合借鉴, 可以找点书看看.
    lynnX
        50
    lynnX  
       2017-02-21 22:20:21 +08:00
    遇到同样的问题 目前项目组没有 UI 前后台都是自己搞 前台搞出来怎么看怎么别扭 心累 自己都嫌弃自己
    gwind
        51
    gwind  
       2017-02-21 22:55:54 +08:00
    还有 UI , 还有设计师 , 还有前端框架,还有主题模板,抢那么多人的饭碗不好吧? ;-)
    thekoc
        52
    thekoc  
       2017-02-21 23:08:29 +08:00
    模板啊
    jiyinyiyong
        53
    jiyinyiyong  
       2017-02-21 23:17:24 +08:00
    想想也只要努力找一套能机械得用上去的模板, 避免自己做任何发挥, 这样犯错的可能性会尽量地少. 现实真的很吃亏, 每做一个决定, 都可能会在自己不知道的地方犯错, 真的够了.
    likuku
        54
    likuku  
       2017-02-21 23:20:24 +08:00
    把设计 UI 的活外包给专业设计师呗~
    think2011
        55
    think2011  
       2017-02-21 23:24:58 +08:00
    先从排版开始,强烈推荐:《写给大家看的设计书》!
    xrr2016
        56
    xrr2016  
       2017-02-21 23:34:21 +08:00
    套框架啊,bootstrap,materailze 都好看的.
    yatessss
        57
    yatessss  
       2017-02-21 23:36:40 +08:00
    网站给你了。。。 http://paletton.com/ 配色网站
    notreami
        58
    notreami  
       2017-02-22 00:14:55 +08:00
    突然感觉码农好累,做出来还要不难看。加工期或者加钱不?
    hst001
        59
    hst001  
       2017-02-22 00:29:54 +08:00
    我的经验是多看看设计师的设计,不用知道每个细节,掌握大概的流行方向,这样你用 CSS 框架来一个个组件搭起来也不至于是随便凑的
    frederick036
        60
    frederick036  
       2017-02-22 00:45:39 +08:00
    学习一些基础的 typography 的知识。 Typography 是设计的骨架,把它设计好了(或者说不那么差),只要颜色不是特别特别特别不和谐,结果都不会太差。
    lhc70000
        61
    lhc70000  
       2017-02-22 01:33:30 +08:00
    bootstrap 等各种框架严格按规则用不会太丑,但还是不会用的居多(摊手

    剩下的就只能交给审美了。个人感觉大多数前端设计丑的原因是 padding 不够。
    czc2004211
        62
    czc2004211  
       2017-02-22 01:43:21 +08:00 via Android
    丑就丑 能用就行
    ericls
        63
    ericls  
       2017-02-22 01:45:19 +08:00 via iPhone
    最好的办法就是先画出来……
    MengiNo
        64
    MengiNo  
       2017-02-22 08:15:02 +08:00 via Android
    抽象思维和逻辑思维的冲突吧。不过自己的感受就是:要么有人画好给我照着弄 ,不然出来总是有莫名其妙的人跳出来说有意见的 。艺术就这尿性 没有正确答案。 后端比较好的就这点 和做数学很像 方法可以有多种 但是总是有优劣的。
    jeffersonpig
        65
    jeffersonpig  
       2017-02-22 08:45:20 +08:00
    有什么办法能不让程序员制作网页或 UI
    lonelygo
        66
    lonelygo  
       2017-02-22 12:33:11 +08:00
    学习设计,学习美感,学习色彩平衡
    最简单的方案:不要让程序员干 UI 的活
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4144 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 10:18 · PVG 18:18 · LAX 02:18 · JFK 05:18
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.