蘋果設計師才會用神秘曲線——羊角螺線
天冷了，是時候科普大家一點裝逼的知識
來取暖防寒了
今天我們要科普的是
羊角螺線
是的，就是羊角的羊，跟羊角的角
之所以叫羊角螺線
是因為它長得這個樣子
是不是很螺旋很羊角
但是神奇的羊角螺線到底怎麼運用到UI設計中呢
這就是一個非常需要把握尺度的事情了
就跟傳說中的黃金比例，金色旋線一樣
用的好，它看上去就是這樣
（但是坊間有種說法是這個圖也是後期製成的）
玩脫了的話，就會這樣了
或者這樣：
在這個之前，美丫姐寫過一個吐槽文章
針對濫用黃金比例的，叫做
點擊可以查閱，但防止跳出哦
和金色旋線一樣，羊角螺線用的不好
也會變成裝逼不成反成傻逼的情況
首先，羊角螺線在UI界
最常見的使用就是在icon上
大概就是這個樣子
下面是一個羊角螺線的icon範例
一個圓角由11個錨點組成
而我們平常畫一個普通的icon
可能只是這樣
一個圓角只要2個錨點就可以搞定
作為業界標杆的Apple
就一直在icon中採用羊角螺線的繪製方式
可能從粗略的肉眼判斷
會覺得這樣的圓角與普通的圓角並沒有什麼不同
但如果說將其進行重合對比
則會發現其中的區別
下圖來自知乎，Hi-iD的回答
普通的圓角有一個直線與曲線的銜接節點
羊角螺線的圓角則是非常平滑的過度過程
這樣的圓角方式最初較多的應用在手機設計
如果直接使用圓角的造型
那麼在實際的手機使用中
就會存在那樣的一個突變的節點
然後Apple也將這樣的圓角方式
應用在了icon的設計上
當然這樣的設計
也會讓習慣性直接拉圓角的設計師疑惑不解
這不是裝逼么！為什麼要這麼複雜！
但在此之前，美丫姐看到過一張畫icon的圖
仔細看，第二版與第三版的區別
是第三版在圓的部分，與三角的部分多出了一點點
當時有小夥伴拿著這張圖來問我2跟3啥區別
我是這麼回答的
雖然看上去回答的比較隨意
但是確實是這個道理！！！
（不要看最後一句…）
大概高階的設計師
與普通的設計師
差別就在這5%的不同吧
當然，因為PS暫時不能直接去繪製羊角螺線的圖形
所以在這裡分享一個dirbble上覺得不錯的模板
https://dribbble.com/shots/1111035-Template-for-iOS-7-App-Icons
（請複製用瀏覽器打開）
是時候拿去學習（裝逼）了！
投個票吧投個票吧投個票吧
※《設計也幽默》：平面設計師的幽默指南
※他們畫的黑板報，比你PS做的圖還屌…
※如果蘋果發布會發布的是Photoshop
※Google為奧運做的Doodle太TMD牛逼了
※自從有了它，夏天背蚊子咬腫也！不！怕！
TAG:你丫才美工 |