站酷一周精彩评论整理
2018.8.20-8.26
《干粉涂料包装设计》
看到这个干粉涂料的第一眼，觉得更像是我们学校的课题。我们在做这个干粉涂料的设计上，更加注重的是包装形状和使用功能上的设计。包括如何在配置涂料的时候保证到手尽可能地不去接触涂料，涂料的包装更容易用手拿，以及涂料如何完成少量分批次配置。还有一点，粉末状涂料的包装是要区别于市场上现在主流的液态涂料包装。并且需要突出的是 Formaldehyde free and VOC free. 在信息的设计上建议 可以使用一些使用说明或重点信息的 icon。
原作品链接：
https://www.zcool.com.cn/work/ZMjgxNDYzNjg=.html
《与盐 | 盐产品系列包装设计》
插画是有趣的，但是在做为食盐包装上，我觉得取少了对食盐包装使用功能的考虑。密封口包装是好的，但是按锯齿撕开后logo就会被撕掉。所以在包装设计上可以去掉密封口，改为小的塑料软管口不是更方便使用么。同样道理纸盒包装上也应该加一个倾倒食盐的出口。塑料袋包装的二维码有些别扭，感觉放在右下角或底部会更好。也许可以把丢进垃圾图的icon改成可回收的icon。还有那硬生生的翻译 Crystal pure salt 改成 Diamond Crystal Kosher Salt 不是更好？
原作品链接：
https://www.zcool.com.cn/work/ZMjkzMTA0ODQ=.html
《Google Maps 交互界面重设计》
作为一个产品经理发表下自己看法。导航在实际使用过程中，需要考虑的场景是非常多的，而且，重点是要在分神的基础上（因为另外一边正在保持驾驶过程中）能够最少的操作，实现大部分驾驶过程中的需求。界面设计得很漂亮，但是有明显几个问题。
在国内的城市道路上开车，我们往往需要提前变道来确保车辆在到达红灯等候区的时候，停在正确的车道上，加上某些拥堵情况下，很可能几百米外的地方，就开始排队了，这种情况下，提前展示前方路口的车道方向非常重要（这点高德做的非常好）所以熄屏情况下，等到距离快转弯的时候，系统才提示转弯，已经来不及了。
另外，人类在数字表达距离和图像化标尺表达距离的潜意识辨别上，后者明显强于前者。当驾驶者前方有两个挨得很近的路口时，告诉100米后右转，和告诉300后右转，对于驾驶者来说，是无法把数字和实际路面距离进行准确对照的，但是用图形化表达，结合光标的移动速度和实际车速，驾驶者更能够准确识别并正确操作车辆转弯。
原作品链接：
https://www.zcool.com.cn/work/ZMjc4OTI1NDQ=.html
《黑白两款推车详情》
这套页面明显能看出是花费了大心思的，每一屏都做了很多细节的处理，美术功底真的很不错。
但是有这么几个问题，首先信息过于满了（估计是运营上的要求，隔着屏幕都能感觉到设计师的无奈），在信息如此的满，又需要尽量压缩空间，不要让详情页过长的情况下，如何安排信息的主次，阅读次序显得尤为重要，这个页面在阅读上有点不那么友好，是否能将平面海报的设计技巧迁移过来，阅读顺序是由上到下，还是由左向右，不是那么明确，每一屏有每一屏单独的顺序，所以会导致页面阅读起来比较费劲。
还有就是本来信息就很多很满，却又加了很多装饰性元素，这样会让页面更显零碎。有些元素具有明显的点击引导，比如三条横线，下意识会认为是导航，比如三个点，表示“更多”，点击可出现更多小功能（如分享到朋友圈），这些元素可能是作者为了平衡板式加上的，但是我觉得合理性应该大于视觉。
每个元素（包括合成中的每个素材）在应用之前，可以多考虑下这个元素放在这是否合理，会不会产生不该产生的操作，如果不放可不可以，可以的话那就去掉吧。然后元素应该是怎样的视觉表现，也应该能解释，不然纯凭个人审美作页面的话，恐怕很难达到理想的效果，因为每个人审美还是差别挺大的。
我在看这个页面的时候，很多地方会让我“一愣”，为什么是这个元素，为什么做成这个样子，好像一下子没法明白，所以给了这样的推荐。
以上都是个人看法，并不能完全说明这套作品的好坏。
原作品链接：
https://www.zcool.com.cn/work/ZMjk3NjI0MzI=.html
《同济大学知名建筑摄影作品》
若瑜待滅：
非常谢谢，说的很在理的！
1.从我对这组作品原意的角度出发，表现的是建筑整体的形式与天空云彩的关系，并没有重点去讲述建筑本身，所以确实刻画建筑的成分很弱。私以为，建筑质感，在比如倒数第三幅的这种金属，或是形貌感特别强烈的建筑，才会强调性地去描画建筑的质感。
2.杂物确实没有考虑太多，以后正式拍建筑的话，会去避免，这里太难了><。
3.关于色调，前四张改变原色调较多，但我觉得这样并不好，一切从讲述重点出发，不管是低饱和低对比，还是浓墨重彩，都是为了去强调画面中的某些元素。如果色调不对，就可能是拍的东西不对了。
再次非常谢谢您的建议！
原作品链接：
https://www.zcool.com.cn/work/ZMjk3MjExMjg=.html
《点击进入！网页设计全攻略》
首先你得了解什么是“有效范围”，为什么需要有“有效范围”。“有效范围”这个概念类似广播电视行业的“视频安全框”。我们都知道以前的电视机都是4:3的，电视台输出的信号也是4:3的，随着行业的发展，从业者普遍认为16:9才是电视的黄金比例，16:9的电视机也迅速占领了市场，但是依然有很多人家的电视是4:3的，所以就有了安全框，它根据电视机显示图像的规则，划定了视频的显示安全区域，确保让所有的电视机都能显示全主要画面内容。所以我们会发现，现在的电视节目里边的小广告，在16:9的电视机上，都不在边边上，都在偏中间的位置。那么套用到网页和显示器上，我们的显示器也存在类似的问题，但是由比例的问题变成了分辨率的问题，我们都知道，web端网页一般是按等像素的方式成像的，因为上下滑动成了主流的浏览习惯，所以网页的长度一般不作考虑，主要的安全范围集中在宽度上，为了确保大部分显示器在正常窗口大小下，都能显示完全主要内容，所以我们需要“有效范围”。注意我这里用的是“大部分”，而电视机用的是“所有”，是应为显示器不同于电视机，不同领域，不同用途的显示器有不同的分辨率。所以“安全范围”只能适用于大部分的显示器。而且随着新产品和新技术的不断更新和突破，“有效范围”的值是一直在变的。也许在不久的将来，“有效范围“将完全被抛弃，比如现在一些完全采用自适应规范制作的网页，已经可以忽略“有效范围”了。
当我们完全弄明白这些基本原理之后，我们再来看移动端界面的设计开发。现阶段来看，移动端的界面设计几乎不用去考虑安全范围。不同于pc端的视窗模式，移动端界面都是全屏显示的，这样我们在设计的时候就按较高的分辨率来做，前端会根据不同设备的分辨率来缩放页面，调用你提供的对应的@nx的切图。唯一要考虑的是不同比例屏幕的显示问题，这个问题又不同于电视机，移动设备的界面基本采用上下滑动的体验方案，所以我们在设计的时候会首先适配宽度，根据页面的长度来调整排版。如果是需要一屏现实的界面，我们通常会采用自适应规则才处理排版，以让界面能够适应多种比例的屏幕。
说了这么多，重点来了，ipad的界面设计。由于iPad的屏幕比例都是4:3，所以不用考虑适配不同比例屏幕的问题，所以按照1024×768的尺寸放心大胆地作图吧，前端会帮你解决后面的问题的。
讲到这里可能会有人觉得我啰嗦，直接讲最后一句不就行了吗？其实我认为，每当我们碰到一个问题的时候，通常我们都会去寻找最快速的答案，而不会多问一句“为什么？”虽然解决了眼前的问题，但是以后也会碰到更多问题。既然我们是从业者，不妨多去了解一点，既有助于你的职业发展，也多了一项把妹谈资。
原作品链接：
https://www.zcool.com.cn/article/ZNzM2ODIw.html
《两个暗黑系详情页》
“不要总以为,以为你以为就是你以为的”。电商4.0时代
1.可以简单理解为内容电商。内容是流量的灵魂。
2.浏览载体的改变，哥哥，现在的手机屏幕都多大啦？I8plus都快成最低标准了，1242*2208。强调多少次了?竖屏思维啊。单屏做到1700px，一屏一个画面，厌弃无谓。放大设计。我再科普下京东商详升级指引，一，放弃横屏结构；二，画面左右不要留白；三，一屏一主题；四，放弃左右图文结构 五，精准提炼大标题；六，单屏文案最多3行；七，长文案大方排；八，图片与文字分离；九，局部图放大排。
3.你没耐心，是因为你真的没耐心。商用作品不要用同行走马观花的心态去看，也可以理解为，你并不是潜在人群。你有没试过作为用户自发性得去浏览一款产品？
原作品链接：
https://www.zcool.com.cn/work/ZMjk2MDg1NTI=.html
《袋鼠理财——金融APP设计 1.0》
逻辑很好，请注意页面美观度，单从页面角度来说一下：整个看起来就是没有细节，好多页面给很感觉没有层级感，好像所有的功能都是重点，所有的信息都是重点，这样没有视觉引导性，看起来非常乱，整体的风格也统一，就拿你的分割线来说吧，每条分割线都是那么实，那么显眼，那是让我看线还是看内容，内容与线的间距不合适，留白很少，没有呼吸感。还有投影也没打好，投影打不好会导致整个画面变脏。还有颜色真的太多了，所有的颜色都是很高的饱和度，没有强弱之分。所有的细节你可以在2.0版本抠一下，研究一下，这个很重要。
原作品链接：
https://www.zcool.com.cn/work/ZMjg2MTQyMzI=.html
《小米手机8透明版》
看到大家的讨论，我也想说几句，小米推广手机的图片，分为几类:
1.主视觉（手机静物主视觉或模特手持手机主视觉）;
2.手机三维渲染图;
3.手机拍摄样张;
4.手机功能图。
这组图片是拍的主视觉，强调的是图片气氛，黑人男模半透明的衣服和手机透明壳的概念是符合的。逆光氛围，会让画面不那么平常普通，是有些与众不同的。整体上，这组片子还是蛮有意思的，和地铁里千篇一律的手机托腮展示图相比，有意思多了！
原作品链接：
https://www.zcool.com.cn/work/ZMjk1MDkyNzY=.html
《魅族16发布会开场视频》
我来给你解读一下，M8是魅族第一台智能手机，也是国产第一台智能手机，用的系统是深度定制的Windows CE系统，后来M9开始用上了安卓系并且基于安卓开发了flyme系统，比miui的出现还要早。MX2开始魅族就开始追求窄边框和更高的平占比并且在MX4的时候做到了全球最窄边框，如今15的边框更加窄。iphone6时代，国产机一致跟风苹果天线条，魅族独创一刀切天线使pro6的颜值在国内排第一梯队，可惜用的联发科处理器。刚流行指纹识别的时候，国产机为了节约成本，和降低技术难度都将指纹识别模块放在手机背部，而魅族与当时国内的汇顶科技合作研发了国产第一部正面指纹识别手机MX4PRO。从MX5开始魅族开始适配mCharge技术，也是当时国内首批拥有快充技术的手机厂商。小圆圈是魅族在MX2上开始使用的home键 一共适配了mx2 mx3 mx4 魅蓝note1是当时魅族的标志，后来因为被中兴抢注了专利后来也没见魅族用过小圆圈。第一部集成了mback的腰圆键是在魅蓝note2上，后来的事情你可能都知道，几乎所有的国产手机全都变成了腰圆键。最有一个镜头有一颗发光的小球上升也是予以魅族不随波逐流，努力创新的一种状态吧。说的不对的 欢迎其他魅友补充。
原作品链接：
https://www.zcool.com.cn/work/ZMjk2MjQ4ODA=.html
编辑整理：Mr.Dong
评论回复