標簽歸檔:切圖

超詳細解說點9切圖的制作方法(內附神器)

點九圖,是Android開發中用到的一種特殊格式的圖片,文件名以”.9.png“結尾。這種圖片能告訴程序,圖像哪一部分可以被拉升,哪一部分不能被拉升需要保持原有比列。運用點九圖可以保證圖片在不模糊變形…

提高設計還原度!寫給設計師的iOS前端教程(一)

@小乖乖老爸?:你是不是有這樣的經歷?自己覺得還不錯的設計,等工程師做出來,放在手機上一看,怎么看都不對勁。當你有這種疑惑的時候,就是設計還原度的問題了。想提高設計還原度,盡可能縮小設計稿與完成品之間…

視覺設計師如何讓設計效果高還原度落地?

一個產品完整的設計流程中,交互與視覺定稿后,后續視覺規范的輸出、UI控件的整理與標注、開發的高還原度,都會影響產品最終的用戶體驗。作為視覺設計師,在視覺設計的最后階段則是繁瑣且像素級別的精雕細琢,設計…

APP界面切圖命名和文件整理規范

規范的命名方式可以提高客戶端程序員的開發效率和團隊協作。個人覺得標識符命名原則:盡可能的用最少的字符而又能完整的表達標識符的含義。

【效率工具】一鍵自動生成 IOS 所有尺寸的 ICON

最近遇到了一個比較坑爹的狀況,ios的icon還沒最終修改好,但是每修改一次都要出圖給工程師查看不同機器的效果,生成1024后在切出不同分辨率的大小的過程很是繁瑣,效率及其低下,作為專業切圖13年的切…

切圖大法:一鍵導出App icon

還在為切不同大小的app icon感到苦惱嘛?看完本文,你也許能找到答案,熊式切圖法,你值得擁有

如何改進工作流讓設計稿支持多個尺寸?

最新的 Photoshop 是有跟 Sketch 一樣的輸出切圖功能的(Generator),用 2x 的 PSD 輸出 3x 的切圖也可以。而且 Photoshop 配合 Slicy 輸出切圖比 S…

如何正確使用Photoshop切片工具

通過圖片分割可以將網頁中的大圖一次性加載,圖片分割又是怎么做到的呢?微博中的九宮格是不是很好玩,那一張圖又是用了什么工具把它分成九等份的呢?它就是我們這個教程中要介紹的切片工具。下面就讓我們一起來學習…

“沒有它我就不會切圖!”愛用切圖神器:Slicy

Akane Lee :Slicy 是我測過幾種輔助切圖工具后又回來使用的神器?!赴颜麄€ PSD 扔進去,結束?!购啙嵗洳粏?。我愛它的程度已經到了沒有它我就不會切圖了(哈哈)。

Photoshop CC 與前端那些事

Photoshop 是視覺設計師最強有力的武器之一,其實 Photoshop 也為前端開發同學帶來很多驚喜。特別是從 Photoshop CC 版本開始,它變得越來越有趣。今天筆者就其中幾個新…

使用 Adobe Illustrator 做 UI設計——切圖、導出的秘訣

在上一課《使用 Adobe Illustrator 做 UI設計——多重填充與多重描邊》里,我們學習了如何使用 Adobe Illustrator 的多重填充和多重描邊功能制作一個簡單的界面。這個界面…

解放設計師的切圖神器SLICY(LAYER CAKE)推薦!

自動切圖工具「Slicy」Mac OS版(Layer Cake),真正解放設計師的神器! 為切圖黯然銷魂的設計師們必備利器!推薦人:abo 阿里巴巴UI設計師

APP切圖那點事兒–詳細介紹android和ios平臺

從2011年開始接觸APP,到現在為止也做了幾個了,發現了一個共同點就是和每一個技術搭檔切圖的時候,會遇到不同的問題,因為技術的水平高低有限,所以他們要求你給切圖的時候也會不一樣,針對切圖后來…

關于“點九”

“點九”是andriod平臺的應用軟件開發里的一種特殊的圖片形式,文件擴展名為:.9.png 智能手機中有自動橫屏的功能,同一幅界面會在隨著手機(或平板電腦)中的方向傳感器的參數不同而改…

經驗分享:移動客戶端設計開發經驗(2)-設計篇

在《移動客戶端設計開發經驗(1)流程篇》中,我們把流程搞通了。?那么,在這一篇文里,要給大家奉獻各種干貨。相信作為設計師的我們,肯定會非常非常感興趣滴。想了很久,弄什么地方入手呢? ok!?我們打開電…