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

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

  •  
  •   pythonee · Feb 21, 2017 · 8355 views
    This topic created in 3546 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
    justyy
    Feb 21, 2017❤️3
    1
    让女朋友在边上指导。
    xiaopc
    xiaopc
    Feb 21, 2017 via Android
    2
    学设计。😅
    用有设计感的前端框架。😂
    kitalphaj
    kitalphaj
    Feb 21, 2017
    3
    好问题,我也想知道答案。。。
    XiaoFaye
    XiaoFaye
    Feb 21, 2017❤️2
    4
    模板,狠狠地套上去。
    basefas
    basefas
    Feb 21, 2017 via iPhone
    5
    可以看看 material design
    loading
    loading
    Feb 21, 2017 via Android❤️1
    6
    楼主,先试一下 bootstrap 吧。
    SoulGem
    SoulGem
    Feb 21, 2017 via iPhone❤️1
    7
    推荐 Semantic UI
    kindjeff
    kindjeff
    Feb 21, 2017 via iPhone
    8
    狠狠地 margin
    misaka19000
    misaka19000
    Feb 21, 2017 via Android❤️2
    9
    试下 bootstrap 吧,还是不错的
    zdhxiong
    zdhxiong
    Feb 21, 2017 via Android
    10
    试试 material design 框架 http://www.mdui.org
    est
    est
    Feb 21, 2017❤️5
    11
    10 年踩坑经验:丑是天生的。放弃吧 LZ 。
    mcfog
    mcfog
    Feb 21, 2017 via Android❤️1
    12
    注意结构和空间感,元素和样式都不要太多,信息呈现区分主次

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

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

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

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

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

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

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