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

码农接活做网站,总感觉做出来的网页效果不协调啊

  •  
  •   a251922581 · 2017-11-20 20:34:03 +08:00 · 6370 次点击
    这是一个创建于 2551 天前的主题,其中的信息可能已经有所发展或是发生改变。
    如果主要工作是写代码的,其实对颜色 /布局的搭配这块没有基础。本身写代码脑筋比较机械,再想设计搭配这块搞好一点也难。
    别人做的比较好的网站,大气,搭配和谐美观。自己最后做出来的网站,总有说不出来的搭配不协调问题。。
    41 条回复    2017-11-22 01:49:28 +08:00
    Carseason
        1
    Carseason  
       2017-11-20 20:47:41 +08:00   ❤️ 1
    那就改,改到满意为止
    hfenger
        2
    hfenger  
       2017-11-20 20:49:00 +08:00   ❤️ 1
    有的人两种几乎无差别的颜色比如#000 #444 我就分不清,更不用说协调什么的来了,每个人都能画画,但有的人画的和鬼爬的一样,明明画的是同一件东西,画笔画纸也一样。我妈两种几乎一样色号的线都能区分,我就不行,我妈能绣花,我就不行。所以我一般老老实实写后台,最多写写 s,css 这些能不碰就不碰,真要自己用,那么多网页一大堆随便扣
    bugeye
        3
    bugeye  
       2017-11-20 20:49:02 +08:00   ❤️ 1
    这不是你专业领域,肯定很难做好。要么外包,要么扒现成网站的配色。
    wxsm
        4
    wxsm  
       2017-11-20 20:51:43 +08:00 via iPhone
    找个设计老婆
    Zzzzzzzzz
        5
    Zzzzzzzzz  
       2017-11-20 20:52:48 +08:00   ❤️ 1
    先凑合着写, 等搞完了时间充裕的话自己折腾, 或者分包给别人也行, 不要过分纠结了, 不然铁定跳票
    lsido
        6
    lsido  
       2017-11-20 23:16:28 +08:00 via iPhone
    所以有了前端
    xiaolan1
        7
    xiaolan1  
       2017-11-20 23:26:14 +08:00
    那还要我们设计师干嘛?
    LinusLiu
        8
    LinusLiu  
       2017-11-21 01:38:51 +08:00 via Android
    设计可以联系我~
    essicaj
        9
    essicaj  
       2017-11-21 02:10:41 +08:00 via Android   ❤️ 1
    个人审美问题,这和码农没什么关系,我有个朋友做出来的网页就非常好看
    oswuhan
        10
    oswuhan  
       2017-11-21 02:30:40 +08:00   ❤️ 1
    设计跟写代码一样,需要基本功啊,大兄弟
    doubleflower
        11
    doubleflower  
       2017-11-21 07:16:56 +08:00 via Android   ❤️ 1
    这个其实很简单的,首先个人审美只要没问题,需要哪个部件只要去 dribbble 之类的网站上搜一个抄一抄就行了
    rocksolid
        12
    rocksolid  
       2017-11-21 08:35:09 +08:00   ❤️ 1
    做不来就模仿觉得好看网站的配色啊
    Norie
        13
    Norie  
       2017-11-21 09:20:13 +08:00
    所以你想让设计失业?
    nicevar
        14
    nicevar  
       2017-11-21 10:13:36 +08:00
    颜色搭配可以用软件辅助的,选择一个主色调直接用软件生成其他配色就好了,对于没有学过设计的程序员,这最管用
    sucaihuo
        15
    sucaihuo  
       2017-11-21 10:27:07 +08:00
    到素材火下载个网站模板稍改再配个后台,完美!
    http://www.sucaihuo.com/
    realpg
        16
    realpg  
       2017-11-21 10:29:59 +08:00
    @hfenger #2
    000 和 444 无差别 兄弟你的眼睛灰度识别绝对有问题……要不就是显示器太渣
    openbsd
        17
    openbsd  
       2017-11-21 10:58:57 +08:00
    换个好点的显示器吧
    julio867
        18
    julio867  
       2017-11-21 11:11:05 +08:00
    术业有专攻,UI 的事情还是找专业的人来做,效果肯定是不一样的~~~
    而你只要写好你自己的代码,前端来负责 UI 的还原~~~
    wucancc
        19
    wucancc  
       2017-11-21 11:33:17 +08:00
    找个设计师和你搭配干活。活干的更好了,钱多了,活也多了。
    linoder
        20
    linoder  
       2017-11-21 11:37:09 +08:00
    像素级还原很费精力的
    qqfs
        21
    qqfs  
       2017-11-21 11:40:52 +08:00   ❤️ 1
    《配色基础原理》
    《七日掌握设计配色基础》
    推荐这几本书
    benmaowang
        22
    benmaowang  
       2017-11-21 15:08:07 +08:00
    @bugeye
    @rocksolid
    扒站也很困难啊。我辛辛苦苦扒下来仅仅改了下显示的文字和配图,就马上感觉秋香变石榴姐了。
    dorothyREN
        23
    dorothyREN  
       2017-11-21 15:54:51 +08:00
    老哥接活需要运维吗,老司机,秋名山从来没翻过车的
    MiguelValentine
        24
    MiguelValentine  
       2017-11-21 15:58:50 +08:00
    美术出生的码农,没有你们这些困扰
    zzl
        25
    zzl  
       2017-11-21 16:01:18 +08:00
    从哪接的活???我也想找点活做做
    m999
        26
    m999  
       2017-11-21 16:12:13 +08:00 via Android
    看看我的网站。 很难看不? 检测 html css 都通过。 嘿嘿嘿,简单粗暴。 web1.0 风格。 自己用,可以了,只等我到处宣传了。
    2ME
        27
    2ME  
       2017-11-21 17:00:41 +08:00
    .. 就是因为前端问题所以只接后端和爬虫 有一次必须要搞前端了急中生智去扒了国外卖模板的站拿来用 jscss 字体一应俱全 后来没搞过了

    有条件的话可以去国外的 bootstrap 模板站去买现成的 不想买就自己扒 都会有示例站 比后端程序员自己写前端要舒服的多
    HongJay
        28
    HongJay  
       2017-11-21 17:03:22 +08:00
    @MiguelValentine 竟然发现一位女装大佬
    bingod
        29
    bingod  
       2017-11-21 17:08:13 +08:00
    其实就是多看,同类的网站多看一看,平时看到比较舒服或者新颖的站,稍微看一下布局是怎么做的,记录下来以后参考,等等
    cbais7890
        30
    cbais7890  
       2017-11-21 22:18:37 +08:00 via Android
    @hfenger
    老哥 000 和 444 分不出来我想你或许真的需要换个显示器。。。。
    hfenger
        31
    hfenger  
       2017-11-22 00:35:59 +08:00
    @realpg @cbais7890 两个放一块肯定一眼就看出来 444 发灰,但是把两种色号的字单独拿出来,没有对比,我只知道都是黑色,实际上 000 才是黑色,人对颜色的敏感度不一样,女的一般也比男的敏感。
    realpg
        32
    realpg  
       2017-11-22 00:54:07 +08:00
    @hfenger #31
    你要说 000 跟 222 难以区分也就罢了
    000 跟 444 就算不放在一起都区分不出来 不是调戏 如果真的不是显示器太烂 那真需要看看眼睛
    realpg
        33
    realpg  
       2017-11-22 00:56:53 +08:00
    @hfenger #31
    000 是纯黑
    333 就是第一阶的灰了 就是说 任何人都能看出来不是黑的标准
    444 已经比 333 更浅了
    hfenger
        34
    hfenger  
       2017-11-22 01:02:23 +08:00
    @realpg 因为我用的 72% NTSC 色域的 IPS 友达屏 我是不是可以理解你在骂我眼睛有问题,
    不要用取色,请告诉我哪几个字是 444
    https://blog.hfenger.cc/demo.jpg
    realpg
        35
    realpg  
       2017-11-22 01:08:20 +08:00
    @hfenger #34
    这还用取色?!
    我就是搞这行的。1 度灰的标准色号是 282828,近似于我之前说的 333,其实比 333 还要深一些。这也是 PHOTOSHOP CC 2015 的默认无画布背景色 你隐藏掉所有 PS 工具栏 如果你认为这个基本色是纯黑 无法跟 000 做区分 那真是需要治眼睛了

    或者换个说法 以 RGB 颜色而论,000 纯黑,FFF 纯白,444 减少了 1/4 的黑浓度,在灰阶定义里少了 1/4 的浓度你还能认为这个是纯黑,那不是眼睛有问题是啥?
    hfenger
        36
    hfenger  
       2017-11-22 01:12:36 +08:00
    @realpg 不好意思请说出哪几个字再说别的,既然一眼就看出来的直接说出来啊,忙着用取色呢?
    如果两种粗大的放一块我分不清我承认我眼瞎,比如这种 https://blog.hfenger.cc/demo2.jpg
    但是真放到字体和细线这种东西上,我不信就我眼不好使,我发你的图还有前后文字做对比
    realpg
        37
    realpg  
       2017-11-22 01:13:52 +08:00
    @hfenger #36
    你的图里没有 444
    realpg
        38
    realpg  
       2017-11-22 01:14:23 +08:00
    @hfenger
    另外 你给我 333 444 555 放一起 我也分不清哪个是 444
    你说你 000 和 444 放一起分不出来 那我只能说你眼镜绝对有病
    hfenger
        39
    hfenger  
       2017-11-22 01:17:20 +08:00
    @realpg 好了不止我眼瞎你也差不多,2 4 5 是#444 准确的说第二个字也就是,脑字最后一|是#000
    hfenger
        40
    hfenger  
       2017-11-22 01:20:00 +08:00
    @realpg 原来怕你真能认出来我还特意把脑最后一 | 没覆盖
    jatai
        41
    jatai  
       2017-11-22 01:49:28 +08:00 via Android
    @hfenger # 'i' 也是吧,‘大’字的上边,‘行’字某些部分都不全是 000 呀
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4946 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 47ms · UTC 01:11 · PVG 09:11 · LAX 17:11 · JFK 20:11
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.