UI設(shè)計軟件相關(guān)的技術(shù)學(xué)習(xí)UI圖形界面設(shè)計，常用的幾個軟件分別是Photoshop、Illustrator、fireworks.一、Photoshop介紹：多數(shù)人對于PHOTOSHOP的了解僅限于“一個很好的圖像編輯軟件”，并不知道它的諸多應(yīng)用方面，實際上，PHOTOSHOP的應(yīng)用領(lǐng)域很廣泛的，在圖像、圖形、文字、視頻、出版各方面都有涉及。請看下面介紹： 1、平面設(shè)計 平面設(shè)計是PHOTOSHOP應(yīng)用最為廣泛的領(lǐng)域，無論是我們正在閱讀的圖書封面，還是大街上看到的招帖、海報，這些具有豐富圖像的平面印刷品，基本上都需要PHOTOSHOP軟件對圖像進行處理。 2、修復(fù)照片 PHOTOSHOP具有強大的圖像修飾功能。利用這些功能，可以快速修復(fù)一張破損的老照片，也可以修復(fù)人臉上的斑點等缺陷。 3、廣告攝影 廣告攝影作為一種對視覺要求非常嚴格的工作，其最終成品往往要經(jīng)過PHOTOSHOP的修改才能得到滿意的效果。 4、影像創(chuàng)意 影像創(chuàng)意是PHOTOSHOP的特長，通過PHOTOSHOP的處理可以將原本風(fēng)馬牛不相及的對象組合在一起，也可以使用“貍貓換太子”的手段使圖像發(fā)生面目全非的巨大變化。 5、藝術(shù)文字 當(dāng)文字遇到PHOTOSHOP處理，就已經(jīng)注定不再普通。利用PHOTOSHOP可以使文字發(fā)生各種各樣的變化，并利用這些藝術(shù)化處理后的文字為圖像增加效果。 6、網(wǎng)頁制作 網(wǎng)絡(luò)的普及是促使人需要掌握PHOTOSHOP的一個重要原因。因為在制作網(wǎng)頁時PHOTOSHOP是必不可少的網(wǎng)頁圖像處理軟件。 7、建筑效果圖后期修飾 在制作建筑效果圖包括許多三維場景時，人物與配景包括場景的顏色常常需要在PHOTOSHOP中增加并調(diào)整。 8、繪畫 由于PHOTOSHOP具有良好的繪畫與調(diào)色功能，許多插畫設(shè)計制作者往往使用鉛筆繪制草稿，然后用PHOTOSHOP填色的方法來繪制插畫。 除此之外，近些年來非常流行的像素畫也多為設(shè)計師使用PHOTOSHOP創(chuàng)作的作品。 9、繪制或處理三維帖圖 在三維軟件中，如果能夠制作出精良的模型，而無法為模型應(yīng)用逼真的帖圖，也無法得到較好的渲染效果。實際上在制作材質(zhì)時，除了要依靠軟件本身具有材質(zhì)功能外，利用PHOTOSHOP可以制作在三維軟件中無法得到的合適的材質(zhì)也非常重要。 10、婚紗照片設(shè)計 當(dāng)前越來越多的婚紗影樓開始使用數(shù)碼相機，這也便得婚紗照片設(shè)計的處理成為一個新興的行業(yè)。 11、視覺創(chuàng)意 視覺創(chuàng)意與設(shè)計是設(shè)計藝術(shù)的一個分支，此類設(shè)計通常沒有非常明顯的商業(yè)目的，但由于他為廣大設(shè)計愛好者提供了廣闊的設(shè)計空間，因此越來越多的設(shè)計愛好者開始了學(xué)習(xí)PHOTOSHOP，并進行具有個人特色與風(fēng)格的視覺創(chuàng)意。 12、圖標制作 雖然使用PHOTOSHOP制作圖標在感覺上有些大材小用，但使用此軟件制作的圖標的確非常精美。 13、界面設(shè)計 界面設(shè)計是一個新興的領(lǐng)域，已經(jīng)受到越來越多的軟件企業(yè)及開發(fā)者的重視，雖然暫時還未成為一種全新的職業(yè)，但相信不久一定會出現(xiàn)專業(yè)的界面設(shè)計師職業(yè)。在當(dāng)前還沒有用于做界面設(shè)計的專業(yè)軟件，因此絕大多數(shù)設(shè)計者使用的都是PHOTOSHOP。 上述列出了PHOTOSHOP應(yīng)用的13大領(lǐng)域，但實際上其應(yīng)用不止上述這些。例如，目前的影視后期制作及二維動畫制作，PHOTOSHOP也有所應(yīng)用的。二、Illustrator介紹 Illustrator是美國ADOBE(奧多比)公司推出的專業(yè)矢量繪圖工具。Adobe Illustrator是出版、多媒體和在線圖像的工業(yè)標準矢量插畫軟件。無論您是生產(chǎn)印刷出版線稿的設(shè)計者和專業(yè)插畫家、生產(chǎn)多媒體圖像的藝術(shù)家、還是互聯(lián)網(wǎng)頁或在線內(nèi)容的制作者，都會發(fā)現(xiàn)Illustrator 不僅僅是一個藝術(shù)產(chǎn)品工具。該軟件為您的線稿提供無與倫比的精度和控制，適合生產(chǎn)任何小型設(shè)計到大型的復(fù)雜項目。 作為全球最著名的圖形軟件Illustrator，以其強大的功能和體貼用戶的界面已經(jīng)占據(jù)了全球矢量編輯軟件中的大部分份額。具不完全統(tǒng)計全球有97%的設(shè)計師在使用Illustrator進行藝術(shù)設(shè)計！尤其基于Adobe公司專利的PostScript技術(shù)的運用，Illustrator已經(jīng)完全占領(lǐng)專業(yè)的印刷出版領(lǐng)域。無論你是線稿的設(shè)計者和專業(yè)插畫家、生產(chǎn)多媒體圖像的藝術(shù)家、還是互聯(lián)網(wǎng)頁或在線內(nèi)容的制作者，使用過Illustrator后都會發(fā)現(xiàn)，其強大的功能和簡潔的界面設(shè)計風(fēng)格只有Freehand能相比！三、Fireworks介紹 Adobe Fireworks CS3 軟件可以加速 Web 設(shè)計與開發(fā), 是一款創(chuàng)建與優(yōu)化 Web 圖像和快速構(gòu)建網(wǎng)站與 Web 界面原型的理想工具。Fireworks CS3 不僅具備編輯矢量圖形與位圖圖像的靈活性, 還提供了一個預(yù)先構(gòu)建資源的公用庫, 并可與 Adobe Photoshop CS3、Adobe Illustrator CS3、Adobe Dreamweaver CS3 和 Adobe Flash CS3 軟件省時集成。 在 Fireworks 中將設(shè)計迅速轉(zhuǎn)變?yōu)槟Ｐ? 或利用來自 Illustrator、Photoshop 和 Flash 的其它資源。 然后直接置入 Dreamweaver CS3 中輕松地進行開發(fā)與部署

剛開始接觸UI的時候，碰到的最多的就是尺寸問題，什么畫布要建多大，文字該用多大才合適，我要做幾套界面才可以?什么七七八八的也著實讓人有些頭疼。廢話不多說，希望大家耐心看完后，不要再糾結(jié)于尺寸相關(guān)的東西了。一、尺寸及分辨率iPhone界面尺寸：320*480、640*960、640*1136iPad界面尺寸：1024*768、2048*1536單位：像素72dpi，在設(shè)計的時候并不是每個尺寸都要做一套，尺寸按自己的手機來設(shè)計，比較方便預(yù)覽效果，一般用640*960或者640*1136的尺寸來設(shè)計。Ps：作圖的時候確保都是用形狀工具(快捷鍵：U)畫的，這樣更方便后期的切圖或者尺寸變更。二、界面基本組成元素iPhone的app界面一般由四個元素組成，分別是：狀態(tài)欄、導(dǎo)航欄、主菜單欄、內(nèi)容區(qū)域。這里取用640*960的尺寸設(shè)計，那我們就說說在這個尺寸下這些元素的尺寸。狀態(tài)欄：就是我們經(jīng)常說的信號、運營商、電量等顯示手機狀態(tài)的區(qū)域，其高度為：40px導(dǎo)航欄：顯示當(dāng)前界面的名稱，包含相應(yīng)的功能或者頁面間的跳轉(zhuǎn)按鈕，其高度為：88px主菜單欄：類似于頁面的主菜單，提供整個應(yīng)用的分類內(nèi)容的快速跳轉(zhuǎn)，其高度為：98px內(nèi)容區(qū)域：展示應(yīng)用提供的相應(yīng)內(nèi)容，整個應(yīng)用中布局變更最為頻繁，其高度為：734px

android端java語言 在eclipse上。ios端object-c 在xcode上。電腦是windos要做ios就去裝個蘋果虛擬機來做?？梢宰约簝蓚€基本了解下，哪個覺得簡單就哪個。光做個樣子出來還是簡單的

如果比較了解java的SSH框架的話，可以采用SSH的開發(fā)框架，將mysql數(shù)據(jù)庫的驅(qū)動等相關(guān)信息寫到框架中，編寫配置文件，映射文件等，然后在html或者jsp頁面上編寫相應(yīng)的字段，在tomcat中加載相應(yīng)的頁面就能進行顯示。如果對此不是太了解，可以使用Myeclipse建立一個簡單的web工程，同樣建立數(shù)據(jù)庫連接類，編寫servlet界面，使用jar包，在servlet中加入其中的數(shù)據(jù)庫的字段就能實現(xiàn)。如果感覺不是太明白，你可以直接訪問如下地址 進行參考：http://blog.csdn.net/kakukeme/article/details/6679474或者直接百度：servlet中顯示mysql字段，就能查看到相應(yīng)的相關(guān)解決方式（以servlet為主的方式）

隨著使用智能手機的人越來越多，手機網(wǎng)站開發(fā)項目也成為一種潮流。可是您知道機網(wǎng)站開發(fā)框架有幾種嗎?　　1. LungoJS 　　這個是被認為開發(fā)移動網(wǎng)站最好的HTML5開發(fā)框架，使用 HTML5/CSS3 和 JavaScript 技術(shù)?？蓭椭鷦?chuàng)建基于 iOS、 Android、 Blackberry 和 WebOS 平臺的應(yīng)用程序。該框架可利用當(dāng)前移動設(shè)備的高級特性，可捕捉事件包括滑動、觸屏、長按等。無需使用圖片，全部采用向量聲稱。 　　Lungo.JS 無需服務(wù)器端支持，可幫助實現(xiàn) HTML5 特性，包括 WebSQL、Geolocation、 History、 Device orientation 等等。這是一個完全可定制的框架，可用來創(chuàng)建應(yīng)用、游戲等程序。 　　2.Kendo UI 　　Kendo UI是一個HTML5平臺，開發(fā)者利用它可以開發(fā)新穎的、交互的移動應(yīng)用程序和網(wǎng)站。該框架提供了大量的動畫和豐富的拖拽功能、模板功能以及提供了將近10款客戶端常用的數(shù)據(jù)綁定小部件，如圖表、組合框以及常用表格。 　　3.Jo 　　該框架可以創(chuàng)建像本地一樣的應(yīng)用，并且兼容任何操作系統(tǒng)，無論是Blackberry、iOS還是Android。并且提供許多HTML5小部件。使用它可以解決任何動畫設(shè)計方面的問題。 　　4.Sencha Touch 　　Sencha Touch是第一個基于HTML5的移動應(yīng)用框架，利用JavaScript、HTML5和CSS3來構(gòu)建移動應(yīng)用程序，該框架利用本地代理存儲離線數(shù)據(jù)，具體使用HTML5來渲染視頻和音頻組件。 　　可以讓你的Web App看起來就像本地應(yīng)用程序一樣。美麗的用戶界面組件和豐富的數(shù)據(jù)管理，全部基于最新的HTML5和CSS3的Web標準，全面兼容Android和Apple iOS設(shè)備。　　5.52 Framework 　　52 Framework擁有16列的網(wǎng)格模板。該框架來自于CSS3樣式里的新“Selection”、陰影、圓角以及有效的HTML5標記。該框架還提供了一些特殊的腳本和樣式用于IE6。 　　6.LimeJS 　　LimeJS 是一個 JavaScript 游戲開發(fā)框架，用于快速構(gòu)建運行于觸屏設(shè)備和桌面瀏覽器的游戲。允許開發(fā)者創(chuàng)建基于 HTML5 的游戲，支持主流瀏覽器包括iOS。 　　7. G5 Framework 　　如果你想要快速實現(xiàn)Web開發(fā)，并且想要重用ant主題或應(yīng)用程序或網(wǎng)站項目，那么G5 框架是您最好的選擇，因為該框架旨在提升開發(fā)效率、減少代碼。該框架采用特色的PHP激活類、SEO優(yōu)化技術(shù)。除了G5自身所帶的這些功能特性外，它還集成其他許多功能，例如Orbit Slider、CSS3 PIE、Reveal Modals、CSS3 Buttons和Tipsy Tooltips等。 　　8.jQuery Mobile 　　jQuery Mobile(jQueryMobile)是 jQuery在手機上和平板設(shè)備上的版本。jQuery Mobile 不僅會給主流移動平臺帶來jQuery核心庫，而且會發(fā)布一個完整統(tǒng)一的jQuery移動UI框架。支持全球主流的移動平臺。jQuery Mobile開發(fā)團隊說：能開發(fā)這個項目，我們非常興奮。移動Web太需要一個跨瀏覽器的框架，讓開發(fā)人員開發(fā)出真正的移動Web網(wǎng)站。我們將盡全力去滿足這樣的需求。 　　9.Phone Gap 　　PhoneGap是一個開源的開發(fā)框架，使用HTML，CSS和JavaScript來構(gòu)建跨平臺的的移動應(yīng)用程序。它使開發(fā)者能夠利用iPhone，Android，Palm，Symbian，Blackberry，Windows Phone和Beda智能手機的核心功能——包括地理定位，加速器，聯(lián)系人，聲音和振動等。