本文系用户投稿，不代表机核网观点
前言：本来打算全部做完然后再上传到Behance，但是这几天要搬家时间上不允许。好在需要展示的部分大体都有了，所以就先上传到机核。
P.S.图片较大，在浏览器上查看大图效果并不好，如果可以希望能够下载到电脑上以原尺寸查看。
设计思路
设计思路
不同游戏的视觉风格可能是完全相反的，例如黑暗之魂和镜之边缘。因此我希望新的网站可以在年代感和现代感之间找到平衡，让不同的视觉风格尽可能地融入其中。
现代感：视觉信息的呈现都有一个共同的媒介——色彩，色彩在决定视觉走向上的权重是最高的。因此使用了艳丽的颜色，同时投影也用了Dribbble前一段时间较为常见的投影效果。
年代感：使用衬线体，并且选择较重的字重。
1 / 2
年代感：曲率连续的iOS7圆角矩形相比曲率不连续的iOS6圆角矩形除了过渡地更加自然以 外，弧度的形状上也更接近圆。
对比普通的圆头矩形，我处理过的过渡更加自然的圆头矩形也是同样的情况。旧版QQ的头像是圆角矩形，而新版的则是圆形。因此我认为圆形和更接近圆的圆弧更加现代，所以使用了小半径的圆角矩形。
从上面的截图来看，我认为机核是想让左下角的线条来承担辨别内容类型的功能，而不仅是修饰排版。我认为将【新闻】，【文章】，【电台】，【视频】这四个板块从顶部导航栏下移到中间的内容栏更好。
有两个原因：一是前面提到的四个板块在浏览时随机性更强。而后面的【平台】，【专题】和【搜索】的目的性更强。
同时【App】，【头像】，【淘宝店铺】的使用频率要低于前面四个板块。将这四个板块下移到内容栏后可以减少顶栏的使用频率让内容更好地被聚焦。
二是切换内容时更友好，通过多选板块来选择自己想看的内容和不想看的内容不仅可以避免通过顶栏切换板块的视线折返，也不需要记住板块的顺序来进行滚动，还能达到用短线来辨别内容类型的目的。这是我在浏览500px时偷师到的，技术上应该是能实现的而不只是视觉稿。
最后。我平时也玩游戏，打了8年左右的DOTA，也喜欢机核的设计。在这里也希望听听大家对这套设计思路的观点，谢谢各位。
评论区
共 109 条评论热门最新