原創 cocosui 學習 ui的經驗

2021-09-11 05:38:22 字數 1742 閱讀 1033

重新學一遍之前幾個專案的ui

側邊欄聊天欄特殊設計等等

針對劉海屏的ui設計

直接上門那一部分,不顯示ui,ui頂在劉海下面

(1) 現在的ui設計,不少時候得從ue的思路去考慮

比如所有板子的title欄,不是越亮色越好,不突出,反而經常很多用灰色的title底板故意不強調

只用顏色突出板子上最大的按鈕

甚至按鈕上的文字也用灰色等,而不用白色等額外突出。

這樣還乙個好處就是多個btn是,不會亮點注意點太多。

一般人的視覺優先順序,顏色,圖形形狀,然後才是文字

當然也有少數的人確實對文字比圖形敏感

(2) ui的純黑遮罩

全板子的遮罩,如果有,是考慮適配額外加的,乙個mash比標準尺寸大一些

80%大小板子的遮罩,一般遮罩要深一些,讓玩家集中關注當前板子內容

小板子的遮罩,一般遮罩偏淺一些,比如40%的α值,否則太黑很奇怪

故意讓後面的有點透過來,而且透過來的可能是地圖,也可能是上一級父板子。

(3)ui的內容遮罩

這個一般是控制項自動生成的

比如scroll view 裡的mask

還有之前聊天欄做過的乙個mask

(4)cocos 注意父子節點

父節點的透明度會影響子節點的

2,3個文字label 錯開y一點等,可錯開x或不,

注意有時候只能放前後,不能放父子層級

(5)richtext

cocos修改,現在outline width不能小於1

(6) 三層label 疊效果

還有同色透明度疊效果,只能在一層,透明的在後面

slider 滑動條有乙個問題

如果scroll view下層包含乙個slider,會導致slider無法滑動

所以需要程式單獨寫乙個類slider的功能

mask1

純美術表現遮罩

mask2

裁剪遮罩

icon 選這個,資源會跟隨縮放

****** 

custom

trim

scroll view 

選grid和橫豎排放

選vectical豎排

選honz橫排

(1)以後策劃拼ui,如果需要臨時用到sj的老資源,不允許用他們圖集裡的,只允許臨時用散圖,而且必須放在resources/zresources/temp下面,不允許從工程其他位置拖到ui

並且,通知美術,需要製作這個資源對應的正式資源!

(2)存量的ui,用到了sj的資源但沒放到temp怎麼辦

首先,現在新ui也不多,工作量不大,速度改。周一下班前自己乙個個替換為正式的美術資源

美術來不及出的仍然放temp裡,有問題找美術溝通

(3)以後新做ui,原則上美術都會給正式的資源,且是圖集形式

策劃取後放在resources/zresources/ui下

(4)美術資源都得放到 resources/zresources下面

之前放在resources/ui下的一些資源需要挪過來,周一晚上前挪好吧

(5)以後拼ui的正式,都不允許用散圖,美術會給圖集

圖集位置在resources/zresources/ui下,不會連圖集的問下我

(6)催美術把temp的圖變成正式的圖和圖集

(7)做ui掛預製的時候,盡量重新做,如果是copy的預製,需要特別注意功能差別和掛的腳

(8)大圖不打在圖集裡,單獨放在resources/zresources/ui/bg 下,要找也去這找

學習Objective c的原創書籍

話說學習object c有很多入門書籍,在這裡就不一一枚舉了。但是這些書都有乙個小毛病,就是翻譯的語句,有的時候很讓人費解。前幾天在逛cocoachina的時候看到了乙個帖子,以為名為beanwolf的會員寫了原創的學習object c的筆記,拜讀之後感覺非常好!感覺寫的很精練,都是程式設計的時候需...

學習Object c的原創書籍

話說學習object c有很多入門書籍,在這裡就不一一枚舉了。但是這些書都有乙個小毛病,就是翻譯的語句,有的時候很讓人費解。前幾天在逛cocoachina的時候看到了乙個帖子,以為名為beanwolf的會員寫了原創的學習object c的筆記,拜讀之後感覺非常好!感覺寫的很精練,都是程式設計的時候需...

UI入門必讀!完整的UI設計學習流程是怎樣的?

目前ui設計師現越來越火,薪資也越來越高。隨著技術領域的逐步拓展,產品生產的人性化意識日趨增強,越來越多的企業開始注重互動設計 使用者測試方面的投入,這也就意味著兼具美術設計 程式編碼 市場調查 心理學分析等諸多方面綜合能力的ui設計師,將有更為廣闊的發展前景。很多同學剛接觸ui設計這個新的專業,但...