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

学院工作室写了一个官网,希望大家能在设计上提一些意见

  •  
  •   mikumkf · 2017-03-07 23:28:24 +08:00 · 5154 次点击
    这是一个创建于 2816 天前的主题,其中的信息可能已经有所发展或是发生改变。

    官网链接:http://www.conglinfeng.com/

    我们是江西师范大学的 CS 专业的学生组成了工作室。我最近自学设计给工作室写了一个新官网,但是感觉不是那么好看,因此希望大家能来赐教下

    53 条回复    2017-03-10 17:49:59 +08:00
    arrome
        1
    arrome  
       2017-03-08 00:00:03 +08:00 via Android
    配色用了太多种,而且互相不搭。我用手机端打开的,排版还是再修修吧。
    peakcool
        2
    peakcool  
       2017-03-08 00:07:50 +08:00
    感觉整体还是不太协调
    junnplus
        3
    junnplus  
       2017-03-08 00:29:35 +08:00
    你们工作室妹子挺多的
    jarlyyn
        4
    jarlyyn  
       2017-03-08 00:55:23 +08:00
    要么好好搞点照片,要么不要放……
    Exin
        5
    Exin  
       2017-03-08 01:10:55 +08:00 via iPhone
    要么适配下移动页面,要么就强制展示桌面页面,现在用 iOS Safari 打开看感觉太奇怪了
    照片太随意,影响观感
    RE
        6
    RE  
       2017-03-08 01:11:45 +08:00
    想问问,说实话是不是从网上这摘一点 那摘一点 拼起来的…
    有的地方看起来功底不错,有的模块看起来则是刚入门…
    要是猜错了别打我
    chiv2
        7
    chiv2  
       2017-03-08 01:13:15 +08:00
    瞎说两句。题图和作品展示区都挺好。我觉得主要问题在其他部分的配色上,各种高对比的黑白,黑蓝,白蓝。另外 story 那个白块贴上去像块补丁; menu 拉出来为啥要满屏还是浅绿色?成员的自拍照可以稍微再用点心,没有好照片就别放了吧;名字改成签名手写体可能更好。
    Benisme
        8
    Benisme  
       2017-03-08 01:15:29 +08:00
    踏踏实实写代码做设计,不要炫技
    xuhaoyangx
        9
    xuhaoyangx  
       2017-03-08 01:27:03 +08:00
    颜色太多,上下是拼接。
    mikumkf
        10
    mikumkf  
    OP
       2017-03-08 02:01:56 +08:00
    @junnplus 对啊,妹子特别多, 15 级就我一个男的
    mikumkf
        11
    mikumkf  
    OP
       2017-03-08 02:03:17 +08:00
    @arrome 虽然经常会和别人一起评论什么排版什么排版好,但是一旦实际做起来就有种无从下手的感觉了
    mikumkf
        12
    mikumkf  
    OP
       2017-03-08 02:04:53 +08:00
    @RE 这个荣誉墙部分参考了国外的一个网站,因为动画曲线有点难调就直接复制了,我承认😂
    zili
        13
    zili  
       2017-03-08 04:11:39 +08:00
    Logo 很好看。可是怎么感觉设计师不认识颜色呢。。。
    kokutou
        14
    kokutou  
       2017-03-08 07:23:18 +08:00 via Android
    椰汁的设计师可能会比较喜欢你们工作室。。。
    mikumkf
        15
    mikumkf  
    OP
       2017-03-08 07:41:48 +08:00
    @zili Logo 是我自己设计的,不懂颜色。。有点忧伤。。毕竟自学
    mikumkf
        16
    mikumkf  
    OP
       2017-03-08 07:45:17 +08:00
    @chiv2 😭😭😭我改
    wly19960911
        17
    wly19960911  
       2017-03-08 07:46:42 +08:00 via Android
    网页配色太差了,人物介绍的设计感觉也差,看上去简直了,感觉这审美基本告别了设计(跑

    另外我是你们隔壁南昌工程的学长 hhh 看起来还是你们课程好啊 我们这边就日狗,现在也不想撸网页了在准备多看看 js 的东西
    loading
        18
    loading  
       2017-03-08 08:45:27 +08:00
    颜色没用好,配图最好调整一下,这种页面,配图一般不要变,一变配色就坏了。
    wuxinxxx
        19
    wuxinxxx  
       2017-03-08 09:07:25 +08:00 via iPhone
    @junnplus 第一感觉也是这个
    loading
        20
    loading  
       2017-03-08 09:13:56 +08:00
    很多地方 :hover 我只能通过我的鼠标形状知道能点,毫无视觉反馈。

    妹子的图片那里处理得不行,现在谁还用羽化边缘。。。
    loading
        21
    loading  
       2017-03-08 09:15:05 +08:00
    告诉大家一个秘密:
    最地下的五个色块,能点。。。
    402124773
        22
    402124773  
       2017-03-08 09:23:06 +08:00
    瑶湖?
    zacharyjia
        23
    zacharyjia  
       2017-03-08 09:24:28 +08:00
    果然是师范,妹子好多
    sdwill
        24
    sdwill  
       2017-03-08 09:29:33 +08:00
    第一屏感觉还可以,往下拉,就...

    1 、个人觉得也是配色问题比较大;(建议选定某个颜色为主色,再挑几个为辅,点缀一下即可。能力提升后再驾驭多种色彩的搭配)
    2 、再就是板块之间的风格相差甚远;(这个不造怎么说,就是不够整体,看上去感觉不是一个人搞出来的,给人一种几个思路挤在一起的感觉)
    3 、除了第一屏外,后面的几个板块还是要加个标题好些;(除了一目了然的东西:人员介绍这种,其他的还是有个标题更好,那个“历届作品”,我还以为是团队博客文章来着)
    4 、最底下的一排彩色的链接,比较糟糕,鼠标不移上去根本不会发现那里还有内容;(结尾处感觉很不用心,太粗糙, v2 的页脚就很好,可以参考)
    5 、至于导航:如果只是页内跳转的话,一定不要用这种形式,既然是页内跳转,一定要方便,快捷才对!大多数都是放在侧边,跟随页面滚动的,配色就不吐槽了
    6 、前面也有人说了图片的问题:不要以为放了图片就是加花,提高档次。图片用的恰当才能提高档次,不然会适得其反

    啥说了几句,纯属个人意见哈,有这个心思来折腾都不错了。赞一个
    sdwill
        25
    sdwill  
       2017-03-08 09:33:51 +08:00
    可以参考下这个(这个感觉也有个问题,团队人员图片太多了点)
    http://engageinteractive.co.uk/about
    SourceMan
        26
    SourceMan  
       2017-03-08 09:34:30 +08:00
    问题非常大
    没有现在 UI 设计的基本准则

    我意思是,可不可以参照一下别人的设计,比如模板网站给出来的一堆模板
    haopic
        27
    haopic  
       2017-03-08 09:36:58 +08:00
    排版其实还是比较新颖的,就是颜色和细节再完善一下会更好!
    xxdd
        28
    xxdd  
       2017-03-08 09:43:16 +08:00
    师范还是妹子多 。◕‿◕。
    xxdd
        29
    xxdd  
       2017-03-08 09:46:14 +08:00
    @loading 哈哈哈

    配色有点懵逼 网站得有个自己的主色调

    建议 可以借鉴一些其他设计网站的配色

    底下那 5 个色块··· ( ̄▽ ̄")
    IdJoel
        30
    IdJoel  
       2017-03-08 10:04:23 +08:00
    大兄弟这个是真的要逼死强迫症的 为什么左面对齐右面不对齐 为什么上下边距差这么多 为什么月份的位置不对齐 。。。。。。。。。。。。。。。。。。。。。。。。。。。 轻微强迫症表示有点难过
    IdJoel
        31
    IdJoel  
       2017-03-08 10:05:20 +08:00
    刚才没有图片 补上图片 啊啊啊啊啊啊啊
    Geniusssssss
        32
    Geniusssssss  
       2017-03-08 12:12:49 +08:00
    妹子好多 介绍吧少年
    zhihaofans
        33
    zhihaofans  
       2017-03-08 12:45:16 +08:00 via iPhone
    菜单好丑。。
    arrome
        34
    arrome  
       2017-03-08 14:37:05 +08:00 via Android
    @mikumkf 主要靠慢慢积累,先参考模板吧
    mufeng
        35
    mufeng  
       2017-03-08 14:41:39 +08:00
    没必要搞太多 css3 的东西,以设计为主,应该突出设计
    Mobinyo
        36
    Mobinyo  
       2017-03-08 14:42:58 +08:00 via Android
    @arrome 我觉得楼主的设计很好啊!
    Maltazard
        37
    Maltazard  
       2017-03-08 14:57:16 +08:00

    这个对齐真的是要难受死
    fprint
        38
    fprint  
       2017-03-08 15:08:00 +08:00
    作为外行,我的感觉就是不协调,包括图片尺寸,文字排版,颜色。要么找一个设计出身的,要么得培养下设计的感觉。
    lausius
        39
    lausius  
       2017-03-08 15:20:24 +08:00
    菜单按下去的绿色背景尤其突兀,还有最底下那块有对齐问题。其余的还挺好。
    allgy
        40
    allgy  
       2017-03-08 17:20:19 +08:00
    成员大头贴背景色和最底下的招聘文字背景与主色调不协调
    allgy
        41
    allgy  
       2017-03-08 17:22:18 +08:00
    还要一点就是案例建议托管在服务器上,可以被访问看到实际效果,比较有宣传效果和说服力
    stargazer242
        42
    stargazer242  
       2017-03-08 17:32:51 +08:00
    看了半天 不知道 你这个工作室 干嘛的 就光看妹子头像了
    ibobjoy
        43
    ibobjoy  
       2017-03-08 17:50:41 +08:00
    如果楼主征求设计的意见,那么应该是先设计,再实现。楼主的过程好像反了,是先用了或修改了一堆控件(特效),然后再修改外观来凑设计
    ivenvd
        44
    ivenvd  
       2017-03-08 18:31:23 +08:00
    照片为何都是国产鬼片色调……
    ethanlu
        45
    ethanlu  
       2017-03-08 18:42:35 +08:00
    我是来歪楼的,马玉洁挺漂亮的
    wuling
        46
    wuling  
       2017-03-08 19:16:27 +08:00
    初看挺不错的,风格独特,很有创意。个人有三个建议:
    1 、作品展示区那四张图片,感觉给个阴影好一点。因为四张图片边缘不够明显,看着有些大小不一。
    2 、最下方『自学能力强』那一段,上留白可以加多点
    3 、最下下四个色块,默认显示文字比较好,不然很少有人能发现那能点..
    djyde
        47
    djyde  
       2017-03-08 19:46:09 +08:00
    IT 团队,妹子这么多。。。
    anthozoan77
        48
    anthozoan77  
       2017-03-08 19:49:50 +08:00
    IOS -> iOS
    linking
        49
    linking  
       2017-03-08 20:12:55 +08:00
    首屏挺好的,往下看的话.....说吧,首屏是不是参考别人的→_→
    echo111222
        50
    echo111222  
       2017-03-08 20:56:49 +08:00
    江西师大 果然妹子多。。。瑶湖的吧
    huayixue
        51
    huayixue  
       2017-03-08 21:09:28 +08:00
    颜色杂乱,布局拼凑混乱,想把自认为很好的效果都加上,只会做加法,一看就是实习生做的。什么时候学会减法了,那时候设计才刚刚开始.......。
    SoulGem
        52
    SoulGem  
       2017-03-08 22:10:58 +08:00
    首屏还不错,下面就……槽点都在上面了我就不说了
    yruite
        53
    yruite  
       2017-03-10 17:49:59 +08:00
    用户体验很差。建议参考厚朴工作室 http://ce.sysu.edu.cn/hope/,也是人家学生办的
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5248 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 43ms · UTC 08:53 · PVG 16:53 · LAX 00:53 · JFK 03:53
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.