<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
        問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
        當前位置: 首頁 - 科技 - 知識百科 - 正文

        photoshop中設計ios的流程訣竅

        來源:懂視網(wǎng) 責編:小采 時間:2020-11-27 14:47:01
        文檔

        photoshop中設計ios的流程訣竅

        photoshop中設計ios的流程訣竅:在本文中我(英文原作者)總結(jié)了在photoshop中設計ios軟件時所遵守的方法。 在本文中我(英文原作者)總結(jié)了在photoshop中設計ios軟件時所遵守的方法。許多的技巧適用于一般的UI設計。注意:文中所提到的快捷鍵針對于Windows;Mac 用戶可,Cmd對應Crt
        推薦度:
        導讀photoshop中設計ios的流程訣竅:在本文中我(英文原作者)總結(jié)了在photoshop中設計ios軟件時所遵守的方法。 在本文中我(英文原作者)總結(jié)了在photoshop中設計ios軟件時所遵守的方法。許多的技巧適用于一般的UI設計。注意:文中所提到的快捷鍵針對于Windows;Mac 用戶可,Cmd對應Crt
        在本文中我(英文原作者)總結(jié)了在photoshop中設計ios軟件時所遵守的方法。 在本文中我(英文原作者)總結(jié)了在photoshop中設計ios軟件時所遵守的方法。許多的技巧適用于一般的UI設計。注意:文中所提到的快捷鍵針對于Windows;Mac 用戶可,Cmd對應Crtl鍵,Opt對應Alt鍵。
        1.保持尺寸為偶數(shù)
        你是首先針對Retina屏幕設計然后再對標準分辨率的進行縮小是吧?為了在標準分辨率下像素仍然保持完美的呈現(xiàn),你需要保證大小和距離為偶數(shù)。具體的做法便是:基于2ps的網(wǎng)格設計。在編輯(Edit)〉首選項(Preference)〉參考線、網(wǎng)格和切片(Cuides,Grids&Slices)。更改網(wǎng)格線間隔(Gridline)和子網(wǎng)格(Subpisions)來是使得網(wǎng)格間隔線為2px。例如:設置網(wǎng)格線間隔為64px,子網(wǎng)格為32。
        photoshop中設計ios的流程訣竅
        2.混合模式只使用正常模式
        在設置直接處于其他元素上面的圖層效果時,混合模式只使用正常(例如:在混合選項中投影和外發(fā)光)。使用其他的混合模式或許在Photoshop中看起來很好,但是也可能會在在保存為PNG格式之后出現(xiàn)不良的效果。
        photoshop中設計ios的流程訣竅
        3.更方便的改變漸變顏色
        想要更改漸變按鈕的色調(diào)(色相),而不必每次都去改變漸變的起始顏色值?下面介紹兩個方法,均可達到完全一樣的效果。
        方法1:在漸變圖層混合選項中使用顏色疊加
        photoshop中設計ios的流程訣竅
        方法2:在純色圖層使用漸變疊加
        photoshop中設計ios的流程訣竅
        譯者注:上述使用了矢量蒙版,其實使用剪切蒙版也可達到相應的效果,個人認為還簡單點。
        4.更多的使用徑向漸變
        在導航條上疊加徑向漸變層,讓導航欄變得更為有趣。
        方法1:徑向漸變工具
        photoshop中設計ios的流程訣竅
        方法2:斜面和浮雕
        同樣也可以使用圖層混合選項中的斜面和浮雕。可以按下圖所示來設置。通過調(diào)整設置來達到你想要的效果。通常調(diào)整的越為精妙效果也越為好看。
        photoshop中設計ios的流程訣竅
        5.更多的使用陰影變形
        Photoshop中陰影(任何的其他圖層效果)和它對應圖層可以分開。這樣便可****操作陰影。
        photoshop中設計ios的流程訣竅
        photoshop中設計ios的流程訣竅
        photoshop中設計ios的流程訣竅
        6.使用內(nèi)發(fā)光更容易的增加精細的紋理
        像下圖所示通過內(nèi)發(fā)光快速的增加紋理。
        photoshop中設計ios的流程訣竅
        7.隱藏路徑
        Photoshop cs6中比較惱人的一點是當你選中一個形狀圖層的時候形狀的路徑會顯示出來,并且在你操作該圖層的時候路徑會一直存在,譬如在更改圖層混合選項的時候。你和使用Ctrl + H 來隱藏所有的輔助工具(路徑、網(wǎng)格線和參考線),當然你可以按Ctrl + Shift + H 只隱藏路徑。
        photoshop中設計ios的流程訣竅
        8.使用對齊像素網(wǎng)格來使形狀像素完美
        這算是cs6中最好的改進之一了。按Ctrl + K 打開首選選面板選擇將矢量工具與變換與像素網(wǎng)格對其(Snap Vector Tools and Transforms to Pixel Grid)勾選。在cs5中只有形狀(沒有變換)與像素網(wǎng)格對齊。像下圖示在首選項〉常規(guī)中勾選最下面一項。
        photoshop中設計ios的流程訣竅
        photoshop中設計ios的流程訣竅
        cs5中只有形狀對齊
        9.使用電子表格來計算縮略圖的尺寸
        想要創(chuàng)建一個iPad app來展示大量的縮略圖?使用電子表格來計算縮略圖的尺寸和之間的尺寸。電子表格實時的計算并展示了在改變一個尺寸之后對其他元素的影響以及它們是否適用于屏幕。下載(iPad-Grid-Calculator)我在創(chuàng)建iPad app使用創(chuàng)建的微軟Excel 表格(文件中包含了4個表格,6×6, 5×5, 4×4 和3×3)。
        photoshop中設計ios的流程訣竅
        10.自動導出資源文件
        如果你必須創(chuàng)建圖片資源,選擇文件(File)〉腳本(Script)〉將圖層導出到文件(Export Layers to Files)。
        11.圖層復制的時避免給圖層名添加后綴同時避免圖層效果得到擴張
        對每次復制圖層都在圖層名稱后面添加“副本(copy)”的字眼很是惱火?同時惱火的是每次復制粘貼圖層效果的時候圖層效果就會擴張?可以圖層面板選項中將兩者關(guān)閉。
        photoshop中設計ios的流程訣竅
        12.以15°的步長旋轉(zhuǎn)
        在自由旋轉(zhuǎn)的時候,可以按住Shift以15°的倍數(shù)旋轉(zhuǎn)。
        13.保存樣式
        保存多次使用的樣式到樣式面板,這樣免去每次都復制粘貼的麻煩。
        14.在打開的兩個文件之間移動圖層
        按下V選擇移動工具〉選中想要移動的圖層〉在當前文件內(nèi)(不是圖層面板)左擊不松開〉拖動光標到目標文件的名稱標簽上〉當文件切換之后將光標拖動到文件內(nèi),然后松開鼠標。
        photoshop中設計ios的流程訣竅
        15.設置全局光為90°
        當光源在90°的時候高光、陰影以及其他圖層效果看起來最好。為了避免重復設置,在混合選項中(斜面和浮雕、內(nèi)發(fā)光和陰影)勾選使用全局光。或者選擇圖層〉圖層樣式〉使用全局光。
        photoshop中設計ios的流程訣竅
        16.在你創(chuàng)建圖層的時候你便對它進行命名
        在將設計文檔發(fā)給開發(fā)人員之前對圖層命名是件令人頭痛的事情。因此不妨形成在創(chuàng)建圖層的同時就給它命名的習慣。
        17.使用自定義快捷鍵
        注意哪些工具和任務是你最常用到的,為它們創(chuàng)建快捷鍵。例如,如果你發(fā)現(xiàn)將一個文件發(fā)送給開發(fā)人員處理的時候你需要重命名大量的圖層,我使用功能鍵F2作為快捷鍵。
        18.使用徑向漸變
        使用徑向漸變有時候會看起來有點扁平。試試用徑向漸變作為背景,還可以用內(nèi)發(fā)光來強調(diào)。
        photoshop中設計ios的流程訣竅
        19.努力做到非破壞的編輯
        通過使用智能對象和調(diào)整圖層來做到一個非破壞性的工作流程。當你發(fā)發(fā)現(xiàn)自己需要重復編輯同樣東西的時候這會幫你減少很多痛苦。
        20.在對文件作重大改變之前備份文件
        當你發(fā)現(xiàn)保存了自己不想要的變化,或者在撤銷更改之前意外地關(guān)閉了文件(譯者注:這樣會導致丟失歷史記錄),備份文件會大大減少你的痛苦。
        21.使用快捷鍵給形狀圖層和文本填色
        你可能知道使用Alt/Ctrl + Delete 給圖層或者選區(qū)填充前景色/背景色。它同樣適用于形狀圖層和文本。
        22.Photoshop的怪異之處——投影和內(nèi)陰影尺寸
        還記得訣竅1中關(guān)于保證尺寸和圖層效果為偶數(shù)像素嗎?你或許在對所有的都設置了偶數(shù)之后,仍然迷惑于為什么按鈕的高度仍然是奇數(shù)。罪魁禍首便是 Photoshop的怪異之處,投影增加了尺寸。投影的大小(size)值設置為1px或者2px,投影將會產(chǎn)生同樣的尺寸,如下圖所示。
        photoshop中設計ios的流程訣竅
        photoshop中設計ios的流程訣竅
        23.使用智能參考線來進行更為完美的對齊
        來讓Photoshop對你的元素進行智能對齊。在視圖(View)〉顯示(Show)〉智能參考線(Smart Guides)處打開。一旦你使用過智能參考線,你會再也離不開它了。
        photoshop中設計ios的流程訣竅
        24.使用圖層復合在同一文件中展示不同的顯示屏
        你是將app的所有屏幕都創(chuàng)建在一個PSD中然后對圖層可視進行打開和關(guān)閉來查看?此時圖層復合(Layer Comps)就可幫助解決這個問題。勾選窗口(Window)〉圖層復合(Layer Comps)即可打開圖層復合面板。在你新建app屏幕的時候你可以通過單擊面板底部創(chuàng)建新的圖層復合按鈕來創(chuàng)建一個新的圖層復合。這個圖層復合面板包含了所有圖層的可見性和位置作為一個屏幕(譯者注:可以理解為一個快照)。現(xiàn)在你便可以在同樣的圖層上更改其可見性和位置來作為下一個屏幕并把它保存為另一個圖層復合。
        通過使用同樣的工具去創(chuàng)建不同的屏幕,這樣就保證了文件數(shù)量和大小達到了最小。并且,你和開發(fā)人員可以簡單的通過單擊圖層復合名稱前面的小盒子或者點擊面板底部的往前/往后箭頭來循環(huán)切換圖層復合來展示不同的屏幕。
        photoshop中設計ios的流程訣竅
        25.在設備上預覽你的設計
        你的設計桌面設備上看起來很好,但是當你放到真正的設備上或許會暴漏問題,因此,保證經(jīng)常的在顯示器上預覽你的設計。對Mac來說有像 LiveView、Scala Preview等工具,對Windows來則有WiFileSync和Photoshop Display。我使用免費的Polkast,它允許你在IOS設備上通過wifi預覽你桌面設備上的文件。
        26.保持icon設計的一致性
        在icon的選用上要保證其大小和風格一致。可以閱讀Why consistency is important這篇文章。
        photoshop中設計ios的流程訣竅
        27.給客戶發(fā)送全尺寸的預覽圖
        客戶許愿在他們的設備上常看設計。因此,可以考慮給他們一個全尺寸的PNG設計組合。
        28.避免過于像素完美的線框圖
        不要在線框圖軟件上浪費時間去創(chuàng)建一個漂亮的線框圖。我發(fā)現(xiàn)客戶一旦理解這會節(jié)省時間他們便更傾向于審查草圖而不是漂亮的線框圖。向客戶解釋為什么減少線框圖會節(jié)省項目的整體時間,他們一旦同意便發(fā)給他們草圖的照片。同時別忘了讓草圖盡量易讀。
        29.首先設計Retina屏然后再縮小到標準尺寸
        是從1x(譯者注:指設備像素比)放大到2x的順序還是2x縮小到1x現(xiàn)在仍有爭論。1x大小尺寸的手機將會在未來幾年逐漸淘汰并且將來只會剩下Retina屏的。因此最好是從Retina屏來開始設計,同時你可以早早的便在你的設計中添加針對Retina屏的特殊細節(jié)。
        30.創(chuàng)建一個icon庫
        任何時候你針對工具欄或者標簽欄創(chuàng)建了矢量的icon,保存一份icon(保存完好無損的尺寸以便于編輯)到單獨的PSD文件中,這樣,你便不必下次再使用這些icon時到處尋找了,這樣也就形成了我ikonic項目的基礎(chǔ)。
        31.使用一個批量重命名的軟件
        使用批量重命名軟件來給文件增加或者移除@2x。我使用免費的Bulk Rename Utility。

        聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

        文檔

        photoshop中設計ios的流程訣竅

        photoshop中設計ios的流程訣竅:在本文中我(英文原作者)總結(jié)了在photoshop中設計ios軟件時所遵守的方法。 在本文中我(英文原作者)總結(jié)了在photoshop中設計ios軟件時所遵守的方法。許多的技巧適用于一般的UI設計。注意:文中所提到的快捷鍵針對于Windows;Mac 用戶可,Cmd對應Crt
        推薦度:
        標簽: ios ps 設計
        • 熱門焦點

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: 免费特级黄毛片在线成人观看 | 亚洲明星合成图综合区在线| 和老外3p爽粗大免费视频| 在线永久免费观看黄网站| 亚洲人成网站色在线观看| 99在线视频免费观看视频| 亚洲国产精品无码久久久| av大片在线无码免费| 亚洲精品第五页中文字幕| 18禁黄网站禁片免费观看不卡| 亚洲v高清理论电影| 亚欧免费视频一区二区三区| 亚洲精品国产福利片| 最近中文字幕免费mv视频8| 亚洲国产日韩精品| 免费在线观看a级毛片| 成人特级毛片69免费观看| 日韩亚洲变态另类中文| 国产猛男猛女超爽免费视频| 亚洲欧洲一区二区| 国内免费高清在线观看| 国产精品亚洲一区二区三区| 亚洲日本在线观看视频| 美女被cao网站免费看在线看| 亚洲视频在线观看网站| 妞干网免费视频在线观看| 国产亚洲精品免费| 国产aⅴ无码专区亚洲av麻豆 | 韩国免费一级成人毛片| 亚洲国产精品ⅴa在线观看| 国产jizzjizz免费看jizz| 国产精品99爱免费视频| 78成人精品电影在线播放日韩精品电影一区亚洲 | 中文成人久久久久影院免费观看| 久久精品7亚洲午夜a| 野花高清在线观看免费3中文| 成a人片亚洲日本久久| 国产av无码专区亚洲av桃花庵| 国产精品免费精品自在线观看| 亚洲欧美黑人猛交群| 亚洲欧洲日产国码av系列天堂|