PHOTOSHOP中改進(jìn)IOS設(shè)計(jì)流程的30個(gè)訣竅_網(wǎng)頁設(shè)計(jì)教程
推薦:Photoshop制作棕色時(shí)尚復(fù)古網(wǎng)站教程Photoshop制作棕色時(shí)尚復(fù)古網(wǎng)站教程: 打開photoshop,新建空白文檔,文檔大小為800*1200;打開素材圖片1,按Ctrl+Alt+T調(diào)整大小為800*1200;
在本文中我(英文原作者)總結(jié)了在photoshop中設(shè)計(jì)ios軟件時(shí)所遵守的方法。許多的技巧適用于一般的UI設(shè)計(jì)。注意:文中所提到的快捷鍵針對于Windows;Mac 用戶可,Cmd對應(yīng)Crtl鍵,Opt對應(yīng)Alt鍵。
1.保持尺寸為偶數(shù)
你是首先針對Retina屏幕設(shè)計(jì)然后再對標(biāo)準(zhǔn)分辨率的進(jìn)行縮小是吧?為了在標(biāo)準(zhǔn)分辨率下像素仍然保持完美的呈現(xiàn),你需要保證大小和距離為偶數(shù)。具體的做法便是:基于2ps的網(wǎng)格設(shè)計(jì)。在編輯(Edit)〉首選項(xiàng)(Preference)〉參考線、網(wǎng)格和切片(Cuides,Grids&Slices)。更改網(wǎng)格線間隔(Gridline)和子網(wǎng)格(Subdivisions)來是使得網(wǎng)格間隔線為2px。例如:設(shè)置網(wǎng)格線間隔為64px,子網(wǎng)格為32。

2.混合模式只使用正常模式
在設(shè)置直接處于其他元素上面的圖層效果時(shí),混合模式只使用正常(例如:在混合選項(xiàng)中投影和外發(fā)光)。使用其他的混合模式或許在Photoshop中看起來很好,但是也可能會(huì)在在保存為PNG格式之后出現(xiàn)不良的效果。

3.更方便的改變漸變顏色
想要更改漸變按鈕的色調(diào)(色相),而不必每次都去改變漸變的起始顏色值?下面介紹兩個(gè)方法,均可達(dá)到完全一樣的效果。
方法1:在漸變圖層混合選項(xiàng)中使用顏色疊加
方法2:在純色圖層使用漸變疊加
譯者注:上述使用了矢量蒙版,其實(shí)使用剪切蒙版也可達(dá)到相應(yīng)的效果,個(gè)人認(rèn)為還簡單點(diǎn)。
4.更多的使用徑向漸變
在導(dǎo)航條上疊加徑向漸變層,讓導(dǎo)航欄變得更為有趣。
方法1:徑向漸變工具
方法2:斜面和浮雕
同樣也可以使用圖層混合選項(xiàng)中的斜面和浮雕�?梢园聪聢D所示來設(shè)置。通過調(diào)整設(shè)置來達(dá)到你想要的效果。通常調(diào)整的越為精妙效果也越為好看。

分享:Photoshop制作個(gè)性的透明玻璃網(wǎng)頁用戶信息展示教程玻璃網(wǎng)頁其實(shí)跟玻璃的制作一樣。重點(diǎn)是把邊緣及中間的高光渲染出來,比較規(guī)則的圖形直接用圖層樣式做出初步的質(zhì)感,再增手工增加一些高光等即可。其它部分可以按自己需要添
- 中國互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬 5分鐘1起網(wǎng)絡(luò)入侵
- 馬云最后的發(fā)布會(huì):打假,打出阿里的新未來
- 實(shí)踐分享:ACCESS數(shù)據(jù)庫導(dǎo)入mysql數(shù)據(jù)庫
- ACCESS數(shù)據(jù)庫轉(zhuǎn)ORACLE數(shù)據(jù)庫分享
- CDN.net免費(fèi)CDN申請使用教程:100GB流量香港日本新加坡節(jié)點(diǎn)
- WordPress 教程:為插件自定義數(shù)據(jù)表
- 如何使用查找我的iPhone教程
- 微信公眾平臺(tái)教程(二) 消息管理與群發(fā)
- 中國IPv4地址今年將告罄 IPv6期待打破政策局
- 移動(dòng)廣告野蠻成長:75%投放在iOS平臺(tái)
- 災(zāi)難面前,互聯(lián)網(wǎng)公司可以如何做的更好?
- 富士康500萬部iPhone遭蘋果退貨 損失10億元
網(wǎng)頁設(shè)計(jì)教程Rss訂閱網(wǎng)站制作教程搜索
網(wǎng)頁設(shè)計(jì)教程推薦
- 網(wǎng)站知名從建站開始 海外風(fēng)
- 創(chuàng)建優(yōu)秀網(wǎng)站的6個(gè)好習(xí)慣
- 富媒體廣告設(shè)計(jì)之銳智MOTO RAZR V8黃金典藏版
- 網(wǎng)站設(shè)計(jì)中常犯的錯(cuò)誤
- 網(wǎng)頁設(shè)計(jì)-柵格規(guī)范制作
- 網(wǎng)頁設(shè)計(jì)之視覺信息傳達(dá)分析
- 交互設(shè)計(jì)實(shí)用指南系列(4)—簡潔清晰,自然易懂
- 微軟雅黑 VS Windows宋體
- 天天體驗(yàn):注冊表單
- 一個(gè)設(shè)計(jì)師的PS經(jīng)驗(yàn)技巧及設(shè)計(jì)心得
- 相關(guān)鏈接:
- 教程說明:
網(wǎng)頁設(shè)計(jì)教程-PHOTOSHOP中改進(jìn)IOS設(shè)計(jì)流程的30個(gè)訣竅
。


