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

[a251922581]

如果主要工作是写代码的，其实对颜色 /布局的搭配这块没有基础。本身写代码脑筋比较机械，再想设计搭配这块搞好一点也难。
别人做的比较好的网站，大气，搭配和谐美观。自己最后做出来的网站，总有说不出来的搭配不协调问题。。

[Carseason]

那就改，改到满意为止

[hfenger]

有的人两种几乎无差别的颜色比如#000 #444 我就分不清，更不用说协调什么的来了，每个人都能画画，但有的人画的和鬼爬的一样，明明画的是同一件东西，画笔画纸也一样。我妈两种几乎一样色号的线都能区分，我就不行，我妈能绣花，我就不行。所以我一般老老实实写后台，最多写写 s，css 这些能不碰就不碰，真要自己用，那么多网页一大堆随便扣

[bugeye]

这不是你专业领域，肯定很难做好。要么外包，要么扒现成网站的配色。

[wxsm]

找个设计老婆

[Zzzzzzzzz]

先凑合着写， 等搞完了时间充裕的话自己折腾， 或者分包给别人也行， 不要过分纠结了， 不然铁定跳票

[lsido]

所以有了前端

[xiaolan1]

那还要我们设计师干嘛？

[LinusLiu]

设计可以联系我～

[essicaj]

个人审美问题，这和码农没什么关系，我有个朋友做出来的网页就非常好看

[oswuhan]

设计跟写代码一样，需要基本功啊，大兄弟

[doubleflower]

这个其实很简单的，首先个人审美只要没问题，需要哪个部件只要去 dribbble 之类的网站上搜一个抄一抄就行了

[rocksolid]

做不来就模仿觉得好看网站的配色啊

[Norie]

所以你想让设计失业？

[nicevar]

颜色搭配可以用软件辅助的，选择一个主色调直接用软件生成其他配色就好了，对于没有学过设计的程序员，这最管用

[sucaihuo]

到素材火下载个网站模板稍改再配个后台，完美！
http://www.sucaihuo.com/

[realpg]

@hfenger #2
000 和 444 无差别 兄弟你的眼睛灰度识别绝对有问题……要不就是显示器太渣

[openbsd]

换个好点的显示器吧

[julio867]

术业有专攻，UI 的事情还是找专业的人来做，效果肯定是不一样的~~~
而你只要写好你自己的代码，前端来负责 UI 的还原~~~

[wucancc]

找个设计师和你搭配干活。活干的更好了，钱多了，活也多了。

[linoder]

像素级还原很费精力的

[qqfs]

《配色基础原理》
《七日掌握设计配色基础》
推荐这几本书

[benmaowang]

@bugeye
@rocksolid
扒站也很困难啊。我辛辛苦苦扒下来仅仅改了下显示的文字和配图，就马上感觉秋香变石榴姐了。

[dorothyREN]

老哥接活需要运维吗，老司机，秋名山从来没翻过车的

[MiguelValentine]

美术出生的码农，没有你们这些困扰

[zzl]

从哪接的活？？？我也想找点活做做

[m999]

看看我的网站。 很难看不? 检测 html css 都通过。 嘿嘿嘿，简单粗暴。 web1.0 风格。 自己用，可以了，只等我到处宣传了。

[2ME]

.. 就是因为前端问题所以只接后端和爬虫 有一次必须要搞前端了急中生智去扒了国外卖模板的站拿来用 jscss 字体一应俱全 后来没搞过了

有条件的话可以去国外的 bootstrap 模板站去买现成的 不想买就自己扒 都会有示例站 比后端程序员自己写前端要舒服的多

[HongJay]

@MiguelValentine 竟然发现一位女装大佬

[bingod]

其实就是多看，同类的网站多看一看，平时看到比较舒服或者新颖的站，稍微看一下布局是怎么做的，记录下来以后参考，等等

[cbais7890]

@hfenger
老哥 000 和 444 分不出来我想你或许真的需要换个显示器。。。。

[hfenger]

@realpg @cbais7890 两个放一块肯定一眼就看出来 444 发灰，但是把两种色号的字单独拿出来，没有对比，我只知道都是黑色，实际上 000 才是黑色，人对颜色的敏感度不一样，女的一般也比男的敏感。

[realpg]

@hfenger #31
你要说 000 跟 222 难以区分也就罢了
000 跟 444 就算不放在一起都区分不出来 不是调戏 如果真的不是显示器太烂 那真需要看看眼睛

[realpg]

@hfenger #31
000 是纯黑
333 就是第一阶的灰了 就是说 任何人都能看出来不是黑的标准
444 已经比 333 更浅了

[hfenger]

@realpg 因为我用的 72% NTSC 色域的 IPS 友达屏 我是不是可以理解你在骂我眼睛有问题，
不要用取色，请告诉我哪几个字是 444
https://blog.hfenger.cc/demo.jpg

[realpg]

@hfenger #34
这还用取色？！
我就是搞这行的。1 度灰的标准色号是 282828，近似于我之前说的 333，其实比 333 还要深一些。这也是 PHOTOSHOP CC 2015 的默认无画布背景色 你隐藏掉所有 PS 工具栏 如果你认为这个基本色是纯黑 无法跟 000 做区分 那真是需要治眼睛了

或者换个说法 以 RGB 颜色而论，000 纯黑，FFF 纯白，444 减少了 1/4 的黑浓度，在灰阶定义里少了 1/4 的浓度你还能认为这个是纯黑，那不是眼睛有问题是啥？

[hfenger]

@realpg 不好意思请说出哪几个字再说别的，既然一眼就看出来的直接说出来啊，忙着用取色呢？
如果两种粗大的放一块我分不清我承认我眼瞎，比如这种 https://blog.hfenger.cc/demo2.jpg
但是真放到字体和细线这种东西上，我不信就我眼不好使，我发你的图还有前后文字做对比

[realpg]

@hfenger #36
你的图里没有 444

[realpg]

@hfenger
另外 你给我 333 444 555 放一起 我也分不清哪个是 444
你说你 000 和 444 放一起分不出来 那我只能说你眼镜绝对有病

[hfenger]

@realpg 好了不止我眼瞎你也差不多，2 4 5 是#444 准确的说第二个字也就是，脑字最后一|是#000

[hfenger]

@realpg 原来怕你真能认出来我还特意把脑最后一 | 没覆盖

[jatai]

@hfenger # 'i' 也是吧，‘大’字的上边，‘行’字某些部分都不全是 000 呀