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

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

  •  
  •   pythonee · Feb 21, 2017 · 7824 views
    This topic created in 3373 days ago, the information mentioned may be changed or developed.
    没有学过设计,有没有什么容易上手的方式,让做出来的网页不那么难看呢
    Supplement 1  ·  Feb 21, 2017
    或者有什么基本布局,入门布局,配色指南可以参考吗
    66 replies    2017-02-22 12:33:11 +08:00
    justyy
        1
    justyy  
       Feb 21, 2017   ❤️ 3
    让女朋友在边上指导。
    xiaopc
        2
    xiaopc  
       Feb 21, 2017 via Android
    学设计。😅
    用有设计感的前端框架。😂
    kitalphaj
        3
    kitalphaj  
       Feb 21, 2017
    好问题,我也想知道答案。。。
    XiaoFaye
        4
    XiaoFaye  
       Feb 21, 2017   ❤️ 2
    模板,狠狠地套上去。
    basefas
        5
    basefas  
       Feb 21, 2017 via iPhone
    可以看看 material design
    loading
        6
    loading  
       Feb 21, 2017 via Android   ❤️ 1
    楼主,先试一下 bootstrap 吧。
    SoulGem
        7
    SoulGem  
       Feb 21, 2017 via iPhone   ❤️ 1
    推荐 Semantic UI
    kindjeff
        8
    kindjeff  
       Feb 21, 2017 via iPhone
    狠狠地 margin
    misaka19000
        9
    misaka19000  
       Feb 21, 2017 via Android   ❤️ 2
    试下 bootstrap 吧,还是不错的
    zdhxiong
        10
    zdhxiong  
       Feb 21, 2017 via Android
    试试 material design 框架 http://www.mdui.org
    est
        11
    est  
       Feb 21, 2017   ❤️ 5
    10 年踩坑经验:丑是天生的。放弃吧 LZ 。
    mcfog
        12
    mcfog  
       Feb 21, 2017 via Android   ❤️ 1
    注意结构和空间感,元素和样式都不要太多,信息呈现区分主次

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

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

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

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

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

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

    剩下的就只能交给审美了。个人感觉大多数前端设计丑的原因是 padding 不够。
    czc2004211
        62
    czc2004211  
       Feb 22, 2017 via Android
    丑就丑 能用就行
    ericls
        63
    ericls  
       Feb 22, 2017 via iPhone
    最好的办法就是先画出来……
    lkxjlkejwr
        64
    lkxjlkejwr  
       Feb 22, 2017 via Android
    抽象思维和逻辑思维的冲突吧。不过自己的感受就是:要么有人画好给我照着弄 ,不然出来总是有莫名其妙的人跳出来说有意见的 。艺术就这尿性 没有正确答案。 后端比较好的就这点 和做数学很像 方法可以有多种 但是总是有优劣的。
    jeffersonpig
        65
    jeffersonpig  
       Feb 22, 2017
    有什么办法能不让程序员制作网页或 UI
    lonelygo
        66
    lonelygo  
       Feb 22, 2017
    学习设计,学习美感,学习色彩平衡
    最简单的方案:不要让程序员干 UI 的活
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5985 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 202ms · UTC 03:29 · PVG 11:29 · LAX 20:29 · JFK 23:29
    ♥ Do have faith in what you're doing.