最近在给自己一个 side project 写订阅页面 http://productchaseapp.herokuapp.com/subscribe
但无奈 LZ 是个工科男,对设计实在无感(整个scheme是抄的 https://www.zhihu.com/careers)
不知道有没有朋友可以说点类似的页面,参考一下?
就是左右对比的效果。当然,我也不知道我这种左右对比的设计到底好不好...
非常感谢!
1
b821025551b 2016-05-17 12:14:09 +08:00
挂了 2 个图 1 个链接
|
2
cqcn1991 OP |
3
learnshare 2016-05-17 13:05:11 +08:00
上半部分的颜色对比度过高,背景色纯度太高,文字过于明显;图标用得太多,颜色大小也不统一;内容看起来像是没有排过版;输入框太小,跟按钮都差不多大了。
内容的标题字号小一些,可以不加粗;列表页面按钮全部小一号。 |
4
cqcn1991 OP @learnshare 最后一句的“列表页面”是指的…?
|
5
Exin 2016-05-17 14:16:33 +08:00
……楼主的工科男血统非常纯正,不如找别人帮你做吧
|
6
cqcn1991 OP |
7
tremblingblue 2016-05-17 14:27:12 +08:00
同作为一个菜鸟,最近看过几篇和设计相关的文章感觉挺有感触,分享下给 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 |
8
learnshare 2016-05-17 14:57:13 +08:00
|
9
xuelaistar 2016-05-17 18:19:08 +08:00
建议:
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 |
10
cqcn1991 OP |
11
hqfzone 2016-05-17 18:31:13 +08:00
有点杂乱的感觉
|
12
cqcn1991 OP |
13
learnshare 2016-05-17 20:23:10 +08:00
@cqcn1991 应该是 Mac 下都会偏粗,好好配置一下字体吧
|