編者按：本周主要有2個大事件：蘋果官方更新了iOS 10 的UI KIT（PSD+Sketch.），火狐開發(fā)社區(qū)Mozilla 那個做了半年多的LOGO 終于發(fā)布。文末有優(yōu)設網(wǎng)上周人氣最高的3條微博+3篇文章，敬請享用。

優(yōu)設周報丨帶你一次看完本周的設計大事和高人氣教程！

1. 蘋果官方設計資源更新（iOS 10 UI KIT）

此次更新不僅有PSD，還有Sketch 版本，這一信號無疑表示Sketch 作為UI 設計軟件已經(jīng)得到了官方的權威認證，還沒學Sketch 的同學該抓緊了。

官方下載地址：https://developer.apple.com，速度略慢，請自帶梯子。PSD 版本有100多M，Sketch 雖然小（7.1M），但是有設計師反饋控件不全，特別是沒有iPad 版的。

2. 知名開源社區(qū) Mozilla 新版LOGO 發(fā)布

Mozilla 是一個非營利性的自由軟件社區(qū)，最出名的開源產(chǎn)品有FireFox（火狐）瀏覽器、Rust 語言等。今年六月份，Leader?Tim Murray 在官網(wǎng)發(fā)布了一則改版通告，同時廣發(fā)英雄帖，邀請全球設計師投稿。

上圖是給設計師們的信息，主要闡述了Mozilla 的特點，包括：

1. 完全開源給互聯(lián)網(wǎng)，而不是某一部分
2. 代表集體利益，而非企業(yè)利益
3. 為了安全，為了自由，就是不為了利益

等等。

圖里附上了不少相關的圖形元素，供設計師們參考。結果短短兩個月時間，就收到了成千上萬份投稿。8月17號，官方公布了7個入選的設計稿：

1.?《The Eye》

一眼激起千層浪，評論紛紛發(fā)來“賀電”：

• 這像是怪獸的眼睛，太驚悚了
• 好像在告訴用戶：我們盯著你呢
• 眼睛給人一種“老大哥”看著你的感覺，和社區(qū)注重的“隱私”完全是矛盾的。

......

注：“老大哥”出自《1984》這部小說，里面的老大哥監(jiān)視著人民的一切行動。

2. 《The Connector》

雖然作者可能想表達「Mozilla 連接一切」，可能這次評論有很多不同的爭論：

• 我非常喜歡它給人活力四射的感覺，但這個LOGO 的可識別性太差，色彩太多，眼睛都不知道往哪看
• 這是我最喜歡的設計，它體現(xiàn)了多樣性。這個LOGO 即使在小尺寸的物品上也能一目了然，而且它的色彩根據(jù)不同的國家進行變化，線條不變，從而保持其識別性。事實上，線條隱藏了“Mozilla”的字眼，像復活節(jié)彩蛋。
• 實名反對樓上，好的LOGO 不需要被解密，只要具備可識別性，能給人留下深刻印象就夠了。

......

3. 《The Open Button》

作者的闡述是：只要按下Mozilla 這個按鈕，就可以進入開放的互聯(lián)網(wǎng)世界。

然而...

• 完全看不出和Mozilla 有什么聯(lián)系
• 圖形還可以，但是配色太糟糕了
• 像一個音樂播放器（hhhh）

......

4. 《Protocol》

設計師把Mozilla 的 “ill” 修改成HTTP 協(xié)議中的“/”（作為請求URI時都必須加上的符號）。這款LOGO 大受歡迎，評論區(qū)一片叫好：

• 顏色好評！協(xié)議的創(chuàng)意好評！識別性好評！
• 簡單但傳達了很多
• 在這個LOGO 中可以清晰地看到“Mozilla、Web、協(xié)議”，而且一眼就記住了

......

5. 《The Impossible M》

設計師將Mozilla 的“M”提煉出來，做成了這款復古風的LOGO，「評論區(qū)的意見大致統(tǒng)一：

• 圓點和顏色給我一種90年代的感覺，現(xiàn)在看起來已經(jīng)過時了，我在想10年后該如何面對這樣的LOGO
• 贊成，排除圓點和顏色，這個形狀我非常喜歡，換個顏色，它會是個好設計
• 這是一個偉大的設計，但它嬉皮復古的色彩更適合視覺/網(wǎng)頁設計公司，而不是Mozilla

......

6. 《Flik Flak》

LOGO 是最后一個圖形，上圖展現(xiàn)了成品的搭建過程。為什么不直接放LOGO？因為我和網(wǎng)友一樣，剛開始完全看不懂...

• 難以辨認，完全不知道想表達什么
• 這個太復雜了，看起來更像是藝術作品，而不是LOGO
• 顏色是7個里面最棒的，但是小尺寸上顯示會丟掉很多細節(jié)

.....

仔細看的話，能發(fā)現(xiàn)這個其實花了很多心思。搭建出來的作品并非無中生有，而是Mozilla 的字母，色彩選得也非常漂亮，有類似微軟的現(xiàn)代風格。但作為一款LOGO ，識別性大打折扣是不行的。如果后期能進行簡化，或者效果會很不錯。

7. 《Wireframe World》

作品名字是《線框世界》，側面是“M”的形象，這個LOGO ?非常靈活，表現(xiàn)多樣：

當然，網(wǎng)友對此有別的看法：

• 離開線框的定義，這是一個很棒的象征互聯(lián)網(wǎng)無限性的視覺比喻案例
• 我喜歡這樣的視覺比喻，但感覺和Mozilla 無關？
• 我喜歡這個框架的靈活性，可以表達不同的主題，適應更多的國家
• 看起來像個空盒子，似乎與Medium 的LOGO 很接近？

注：Medium 是全球的知名博客，LOGO 改版不久：《LOGO改版實戰(zhàn)！聊聊MEDIUM 2.0新LOGO背后的設計故事》

眾說紛紜之時，Mozilla 也邀請了不少品牌設計專家篩選，九月份官方更新了制作進展：

排除四個，留下的三個，《The Eye》進行改版，《Protocol》的字體從Lubalin 改成開源字體Arvo Bold，另外誕生了兩個全新的LOGO。

△ 從左往右分別是《The Eye》、《Burst》、《Flame》、《Protocol》

確定這四個方案后，官方在全球進行了一次大范圍的調查。首先是他們的主要用戶群：700多名開發(fā)者和450名Mozilla 人。結果如下圖：

很明顯《Protocol》（協(xié)議）勝出。

但消費者的想法不同。官方在美國，英國，德國，法國，印度，巴西和墨西哥等地做調研時，消費者更喜歡 《Burst》。

為什么消費者更喜歡第二個？官方猜測一是《Protocol》（即協(xié)議）是二維的，比較乏味。從設計角度看，它可以擴展的視覺系統(tǒng)有限。相比之下，《Burst》感覺更加現(xiàn)代、色彩更豐富，在3D 形式上也有更多的發(fā)揮空間。

《Burst》

該如何取舍？

幾經(jīng)商討之后，官方最后選擇了《Protocol》，原因有三：

1. 《Burst》如果去掉了Mozilla 的字樣，是否還有人知道這是什么LOGO？
2. 對于熟悉協(xié)議的人（即主力用戶），他們可以通過品牌看到我們的開放互聯(lián)網(wǎng)的決心，對于不熟悉的受眾，也能引起他們的好奇心，從而建立關系
3. 我們會探索更多的形式來擴展這個LOGO 的表現(xiàn)，不過暫時保密

至此新LOGO 的創(chuàng)意大致落地，接下來的幾個月時間，官方進行了不斷的細化和視覺擴展，前兩天發(fā)布了“最后一稿”：

這次的字體是由Mozilla 的歷史合作伙伴Typotheque 創(chuàng)造的免費開源字體Zilla：

不同顏色下的品牌：

品牌周邊應用：

?「上周人氣最高的3篇文章」

1. 《看著高大上的2.5D插畫，輕松5步就可以做出來！》

這類效果今年很受歡迎，剛好年底，很多公司也喜歡用這個形式做盤點。不過本文教的是繪制這類插畫的方法，而不是手把手的PS 操作，所以很多同學說“不簡單”。編輯特意去問了作者，能否出一個視頻教程。然而3000多個圖層你懂的... 作者表示確實很簡單，大家不妨動手試一下。

2. 《你看過的所有電影海報設計，都在這18個種類里了》

本文總結了幾乎一切電影海報的設計套路，這么用心的文章，人氣不破萬都說不過去。

3. 《做一個實戰(zhàn)教程，讓你學會圖層樣式9大技能》

教程本身不難，不過對圖層樣式的運用相當多，適合新手學習圖層樣式時練習。

?「上周人氣最高的3條微博」

?1. 學好手繪的重要性

許多頂尖設計師都在推崇手繪是不可或缺的職業(yè)技能，除了可以快速的傳達不同想法和創(chuàng)意以外，同時可以讓設計師和客戶之間達成更好的溝通效果，以此來推進項目發(fā)展，下面就讓我們一起來欣賞設計師 Andrew Kirp 的超酷創(chuàng)作過程。 ????

完整版地址：http://www.weibo.com/1773655610/Eri3U4qf7

2.?如何從零創(chuàng)作精美的插畫作品

視頻地址：http://www.weibo.com/1773655610/ErOZ3iPFh

3.?高端大氣的網(wǎng)頁設計

烏克蘭設計工作室Tubik的著陸頁設計作品，這些視覺效果出色的頁面一定能起到很好的引導用戶的作用，同時提高用戶體驗，增強互動性。 ????

完整版地址：http://www.weibo.com/1773655610/ErriaFA9I

【優(yōu)設網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================關于優(yōu)設網(wǎng)================
"優(yōu)設網(wǎng)uisdc.com"是國內人氣最高的網(wǎng)頁設計師學習平臺，專注分享網(wǎng)頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量180萬的人氣微博@優(yōu)秀網(wǎng)頁設計 ，歡迎關注獲取網(wǎng)頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網(wǎng)站推薦，設計師必備導航：http://hao.uisdc.com