V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
cqcn1991
V2EX  ›  问与答

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

  •  
  •   cqcn1991 · 2016-05-17 12:00:29 +08:00 · 1808 次点击
    这是一个创建于 3112 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

    非常感谢!

    13 条回复    2016-05-17 20:23:10 +08:00
    b821025551b
        1
    b821025551b  
       2016-05-17 12:14:09 +08:00
    挂了 2 个图 1 个链接
    cqcn1991
        2
    cqcn1991  
    OP
       2016-05-17 12:15:54 +08:00
    @b821025551b
    哭晕在厕所
    然而 v2 不能删帖...append 又好麻烦...
    我该怎么办....
    learnshare
        3
    learnshare  
       2016-05-17 13:05:11 +08:00
    上半部分的颜色对比度过高,背景色纯度太高,文字过于明显;图标用得太多,颜色大小也不统一;内容看起来像是没有排过版;输入框太小,跟按钮都差不多大了。
    内容的标题字号小一些,可以不加粗;列表页面按钮全部小一号。
    cqcn1991
        4
    cqcn1991  
    OP
       2016-05-17 14:07:53 +08:00 via iPhone
    @learnshare 最后一句的“列表页面”是指的…?
    Exin
        5
    Exin  
       2016-05-17 14:16:33 +08:00
    ……楼主的工科男血统非常纯正,不如找别人帮你做吧
    cqcn1991
        6
    cqcn1991  
    OP
       2016-05-17 14:18:30 +08:00 via iPhone
    @learnshare
    刚才试着调了下字号,感觉确实好一些。非常感谢

    那想请问下背景色主色怎么选?
    …就是举个可以抄的例子就行了…我一时没想到抄哪里的颜色…
    tremblingblue
        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
    learnshare
        8
    learnshare  
       2016-05-17 14:57:13 +08:00
    @cqcn1991 /list 页面

    背景色选一个不那么刺眼的,又能保证和文字的对比度,就可以了。
    xuelaistar
        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
    cqcn1991
        10
    cqcn1991  
    OP
       2016-05-17 18:27:53 +08:00
    @xuelaistar
    非常感谢!!我会仔细看的
    @tremblingblue
    第一篇正在看,感觉很受用~
    hqfzone
        11
    hqfzone  
       2016-05-17 18:31:13 +08:00
    有点杂乱的感觉
    cqcn1991
        12
    cqcn1991  
    OP
       2016-05-17 18:33:43 +08:00
    @learnshare
    @xuelaistar
    另外,想问一下,你们是不是都是 mac 下 safari 看的字体偏粗?
    learnshare
        13
    learnshare  
       2016-05-17 20:23:10 +08:00
    @cqcn1991 应该是 Mac 下都会偏粗,好好配置一下字体吧
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2833 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 13:57 · PVG 21:57 · LAX 05:57 · JFK 08:57
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.