写了个页面，求一下设计建议...

[cqcn1991]

最近在给自己一个 side project 写订阅页面 http://productchaseapp.herokuapp.com/subscribe

但无奈 LZ 是个工科男，对设计实在无感（整个scheme是抄的 https://www.zhihu.com/careers）

不知道有没有朋友可以说点类似的页面，参考一下？

就是左右对比的效果。当然，我也不知道我这种左右对比的设计到底好不好...

非常感谢！

[b821025551b]

挂了 2 个图 1 个链接

[cqcn1991]

@b821025551b
哭晕在厕所
然而 v2 不能删帖...append 又好麻烦...
我该怎么办....

[learnshare]

上半部分的颜色对比度过高，背景色纯度太高，文字过于明显；图标用得太多，颜色大小也不统一；内容看起来像是没有排过版；输入框太小，跟按钮都差不多大了。
内容的标题字号小一些，可以不加粗；列表页面按钮全部小一号。

[cqcn1991]

@learnshare 最后一句的“列表页面”是指的…?

[Exin]

……楼主的工科男血统非常纯正，不如找别人帮你做吧

[cqcn1991]

@learnshare
刚才试着调了下字号，感觉确实好一些。非常感谢

那想请问下背景色主色怎么选？
…就是举个可以抄的例子就行了…我一时没想到抄哪里的颜色…

[tremblingblue]

同作为一个菜鸟，最近看过几篇和设计相关的文章感觉挺有感触，分享下给 lz ，其中选颜色的并不是那么专业，但也有其可取性
https://www.smashingmagazine.com/2016/04/web-developer-guide-color/
https://medium.com/@erikdkennedy/7-rules-for-creating-gorgeous-ui-part-1-559d4e805cda#.bvzb443hs

[learnshare]

@cqcn1991 /list 页面

背景色选一个不那么刺眼的，又能保证和文字的对比度，就可以了。

[xuelaistar]

建议：
1.背景可以考虑图片+纯色半透蒙版
2.图标要不然就大小一致，样式差不多，要不然就框起来，否则容易乱
3.尽量少加粗，如果你不是白色背景，不建议通过颜色区分
4.hover 时下划线已经略过时了，文字变色或者背景变色主流一些
5.左右功能， full list 这些层级不太对

大概把上半部分改了个样子参考


背景图源自 https://dribbble.com/shots/2034604-First-Mile-Geo-Homepage-2nd-Version-WIP
小图标排列源自 http://huaban.com/pins/413539684/

喜欢浅色背景可以用这种单色背景+图形
https://dribbble.com/shots/1682110-Clean-homepage-layout
https://dribbble.com/shots/2543548-iLabs-Web-Concept-1

其他纯色半透蒙版 https://dribbble.com/shots/863532-in-the-works

[cqcn1991]

@xuelaistar
非常感谢！！我会仔细看的
@tremblingblue
第一篇正在看，感觉很受用~

[hqfzone]

有点杂乱的感觉

[cqcn1991]

@learnshare
@xuelaistar
另外，想问一下，你们是不是都是 mac 下 safari 看的字体偏粗？

[learnshare]

@cqcn1991 应该是 Mac 下都会偏粗，好好配置一下字体吧