




下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、Web 开发者欣喜若狂的 40 个 UI 设计工具和资源http:/ 一根棒冰译言网我要评论(0)本文主要给大家分享 40 个 UI 设计工具和资源, 方便用户了解界面设计在持续的基础上不断成长和演变。Web 设计师要跟上时代,你需要关注趋势、新资源和正被实施和谈论的新技术。同时,你也要亲身尝试,并提出原创的见解和应用。本文主要给大家分享 40 个 UI 设计工具和资源,方便用户了解界面设计在持续的基础上不断成长和演变。Web 设计师要跟上时代,你需要关注趋势、新资源和正被实施和谈论的新技术。同时,你也要亲身尝试,并提出原创的见解和应用。下面列举的这些工具能帮你做到这些。尽情分享下面这些我找到
2、的注释出的资源中你认为有用的部分。模型参考和资料库UserInterfaceDesignPatterns(用户界面设计目标)看看这些其他人已经想出的对一般用户界面挑战的解决方案,它不仅能帮助你找到正确的现有解决方案,还能作为你提出新的和原创的东西的基础。一个在线文字和图形目录是常见解决的 UI 设计问题的方案。使用非常宽松的分类,同时也让你用标签或颜色分类:Recentscreenshots地址:http:/ui- 将 UI 元素分类集合,同时也将个别项目以标签形式在新窗口打开:FilterbytagFilterbycolor00MTICKETSNOW54图面 paCEvifi4Pattern
3、ryhelpspeoplecreategreatuserinterfacesiBreadcmrrINLINEEDUPatternTapMA4NTAPCOLLEC71CHSU&ERSETSPEOPLECovltdximBTVm.二必K WmbHsdcun炉I嚼*Borders地址:http:/ 将重点放在寻找常见UI 问题的解决上,而不只是提出简单的建议:Patternry加附 AllP,t 醉 mt 网 HF 小、而)|酬,13Mgl148NAVIGATIONTABS*U( ( ttWriteYourFirstPos.DvWfilMtKEmailClwManagePafle酶clc&a
4、mp;WhitePresetsChannelMixerPres=tsS虹板喏 3lorPreets6&LAYERS.-APJ&L5-AWSPassThrough-Opacfty:Lk;X4*Q._IEDITABLE 号 0ni/P-IKEYBOARD-LbHTW地址:http:/ 的 GUI 元素:地址:http:/ PSD 分层文件:THEALLINONEWEBELEMENTSKIT地址:http:/ iPad 应用程序的主题的分层矢量 PSD 文件:toremipsumdokirnarndADOFO1DWADOTOCARTADOTOCJWTEWJMNOWBUYNOWTabb
5、edMestngtXcttuork地址:http:/ GUI 原型构建插件:地址:http:/pencil.evolus.vn/en-US/Home.aspxConceptFeedback发布你的设计和概念,并得到免费反馈的设计社区:GetWebsiteFeedbackandIncreaseConversionsExpert,!-p*-Pv-ffuLandingPageOptimization获得他人关于彳目标页面 5 秒钟的真实印象反馈的网站:地址:http:/ UI 的主干了。这里的是极少数的框架,不彳象MooTools和 jQuery 那些你可能熟悉的工具。DHTMLX一个提供了大量的
6、UI 部件的 javaScriptUI 资料库和 jQuery 的替代品:jITworkDdo4now2aCDfTvpIrErrofairmtCiiid41.V*哂甘次r”闻i*MfiN枇i111ofiJirpcfietForrou.fMEiacGdwkwcMdi.mtibfrnmEM-did-MII*ibtJsduEgr早h”*中二工:1应11,ttJ*MIT-r”rii-dai-1I.(:,:,14,EUpfkjdiwmhxorirwfliwp,watrhttioliin1nOTMqrirrvh叩行Start6(iildi;ngProfessionalArax.*rttneforniJav
7、aScriptUILibraryDfimoAppiicatKWiSkinHiJildcittookiwAUtfO.L1;450前octMnCttnlDtnF3WTlwBaz*MMtinrioimbimTV1EII-STWeI%dJoruttur1rc( (Mfr-200MIhtarmsii1rmCOuTtiDrWlQtkjwniradWnatJsN,NHUB.-IDHTMLXTwtygLtkyforMofchiiftToudhXWAMMMdgtn,AfWWl地址:http:/ API 设置以及丰富 UI 控件的 javascript 工具包。Echo3是一个不仅能让开发者创造组建驱动和事件驱动
8、 API 和 Javascript 客户端应用程序的UI 工具包:地址:http:/ Javascript 框架,它集合了很多常用的 UI 技术。而且即使包括缩进语言,Midori 也只有 51K:DowhlMdIDocs1TutcmlsWhatismidori?mitortisanultra!igtwelghtJavaScripthanwwortHdut罪tsthe1由dkxwwittwatgettingInywr邨邨.Top10Thingsyoucandowithmidon:地址:http:/ Webkit 游览器的 CSS 过渡和转换的框架。$1.UwCSSselectorsto窜K*:
9、accessmatching守kE?fl均QH4Ri钾:ud&Fl|dmser阻9(aclaUM*g,13Mytint?左AJajwnEhCHJ-tt*ikir*gthebadbuttcm他如幅dontHk电忱g力&力&S 曲解电网电耳才中同linksfwhjtdtoyoumwnihrrwurwt就此i(ink5.?r)iWMHWliktBr而arttoakmJlrkl.3.Letmldorfiturnywr*ulI扭BIh8fnew1:1aM.Afteralt世卜%/!taM.世1?4,W*gftdrop*wed.eM-enyourtfiresyear-oidknew
10、showtp师学thHW力.Pop-upftwnui:Nor*mishavea.mitekxigzHgMlfln”Whit祖祖(IM卜叩m?nv$fpf?i,MWownptol/TluZ*towcWrwtwofklrHBnevvrytin#onIfwjnttkrtqw必CHIImfflivnpQfonarw*ge.nuke11期叼lorm所tofindth曲right-J6hft-hnurnt-fenJddrK$Mak”p.S.Ivlinsedit.Tumartni.ontfw占罪ateitMKCtkk.W?rM.Instant审曰gil9.T*blwtf,ihHk,Utttt&ut.
11、即iu隹。firtdIDsHecticwn血n喊in除IWAHLthli.thhandTHIS.iOnChO4$(rOrtiVTXKFSI口OlMhcGOI?.侬 e,和。冽Lfrilrtvmetlwhto加四亨卜UEyd碑口UZK 包括超过 200 个 ajax 组件,一切准备就绪:I4曷出1k$pfthgwsbHow,gmgsecurtiZK+SPRINGNWEgt&ducl.-卜/H_UHfEhmBdlj“.FK*asgstm-好口.E*WX&WB4*-|VWgVUEM地址:/jQTouch(Explore(Demo(Download
12、(LearnEVTJffWfcfIGMr&*“切#rG 口 HP 初/口JLIhfw*iTin*匕|阳.匕1*1m.WOfUWlGJJsMorganHM0IE一个用于手机 iPone 应用开发的 jQuery 插件:地址:http:/ jQuery 组件的庞大的资料库:地址:http:/ IMK*NH乐mCT*p5iI* pii1ZCnm*wmti*唯碑“E13*1dtendMlfaf,rappv*iMRhfri1*j*4a*JifliiJirwcL_i*七廿FwuH.F&国 nl=力 r, riiM相,44|、* 1.卅|:1lllyl酉rwf*fcrwwrt.Ivfrvri
13、iE3JWKW.14E*“ywr皿产口/Ewt=1H卜wla.r*-ii.w-i,t9TMflS.r41PIBt4fEMEuB.fa*UHln*r“n.EEJUGWZLEG+tWpc*tlE*of七*止E d11*11fMIW*E2rtgiibltlKflCbiirig4鼻曲事iwtun5:, L*.卡:ri#Wifr|gLST:.”一.”仆一I1”gaifar.:,岳心/J*E41MAU田*M=CU_14PUEI7tlirtfe4/IJrlK49-l.hW5.*1:ME*,m*K?-?4垄_零一?工=1*5*:*h.lfrL114.ir*i9fiB14I1上*士上曦1jreiUl|4frE
14、l4TE EE”.口!上Ii*-H|13rtI不萨0$中HRMtfiJltflfkailfrl.tHGd*-1Mli-1,iHlltaMiifii-rEUar,r=(!:出*TrpHtanwPTE-:+占,lajcMAfal.!LJL地址:http:/ javascript 和 ajax 片段的便捷的向导:r3Hpp*C4tQ4FrwmHyEwHPmi神MK*lftwufrrraWWn*nwLrttFGSi.CCD/上出工,,生,.do%/E如如目目BSD*他故由落交&:】liMfitgH*tagAfcfwi,7a*物皿F*1*:/;:;-.?.*卜皿纪洪对wt。:a.i*CaMi飞飞
15、?,4,pSFipptrs:V:.Vfir“:!KtLS?IT-PW:fl$AieI:i彳代工作寸N:r-=, *Itcsfangenericandcmbegdn叫贰耳i”_GaqrriquediDnsi*M(V40&*v1hg*ttfEn很切aSaC广炉1厂MWFHIMHMLUMQ.V*fr:i:FJ由空itir也就srt叩莉荷wrCT?lacrtngdrabefr工工?nrsonBtP*ir*0*Awd.1Fnd?a:coddg:etnr.依:七:世FQO5-rF*C!aHQpmriflV( (Wtrtrrtxjr陋科科netwKbutHfftanJUoQoSvt9OBCttBMr
16、lvvpWk讷讷也占secsswjT必一必一,二WHrI) )?/:下二酬515HL中力彩TMMrtIITWtitndwWg(Mnfcvanctwrtn( (npiAit-newvweoOrrigs.IMK-i3;ifjdU;;;,;,artrtawHJC;4;ContTin由KURL;匕_;.-.au码zeMOeMfiftiwr.-ry.r*4;晒晒Xakf,”,出口小,.:-,,(,;orF有+件却Ittr:二:二m地址:http:/ jQuery 技术的好资源:帆YE制mirwfa11MfqiMg,CiQaHWM|rvScriptsandprogramsbyc*t*goriAFHaw上评
17、UTTnwic* GMJ3JHfliJh-AJAXEdifeInP1nc:Em-iil-JlftYflAriCtJHScWPHBHifa4lBfeiWVVa碘的叩:ArtAuLdtfJtXCtrLoadingMesagaForAJAXRequst9JMSCPI1tWdrtrn 的注JQufliry:Romr&/地址:http:/ Javascript 片段如何工作的极其详细的评论的网站:TopUverv尸邮CodeSucs.CSSLayoutIdeas4他fiatk”hcnieclayoutswebCempijteswebdesjgndirectayJavaScriptCodeSnip
18、petsB4KC4448Adv*4W*0b型U.4B/Jiv*5ripcJleM.rT*b*c宜5fH叩hk型7ctnipaaurCalcuiLvCorSwrtduStatcrnrtCakulorErn4iilVdlidMianAutostating1SMeSh&*Imae5ldShowChrngEg-bME时TE角筝修曲4ej?gwcmFtArrhTimrr地址:http:/www.code- jQuery 资源:MlHMCHCMl3耳,,|-3G.VMmmi(MmMM ItaiBMBL JavascriptGl出ii5ivuuiWrb魅,JEW4博博new!wng总”网*AW*st
19、l牺MkiMnf亚向MmrvpM.ME9咕MpCIrMx”MXh,函痴TflrtlhWlE内MihtevrM,%fang电 1 11IEInHfHOW丽同r片*ULAFMk.iTurmUtfs*HLfinlMKJMM*JvEPtLC55MiuhiIW,VMrW.afclifarArttillhT*. 亡 啊iJM&fflW(SS*9. 电 -TBIflM据thwgH4r9白 林 占 丽p&ftfMB14*lt*lm5l*iET4EbitfwpvgtItHrMMrawkwW*H|嗝FE*l314Mp*.ftlt|N4女4IfEirgvSRRC$5Th#Mfl EMIt*wM1*,
20、EXWL3T.IE如mICFtFiFiiS呼岛0IfTfdqMEjftBUL.cHrti卜Ftafh汽/喊声询8106t毗心I.( (Wf即*.Kr-rm0rtf融学愤修imIAEMTMIKAMtiilypi-arwMwffl*r*wi4m-MEMlmic0uAitMddMhDpK-IhwdiMdnanjdrihrartJMCAEIbtrjnng/.itrtsfutAnEhnthVjrwi,ktat-Lomi牛i#A*rivji(|brtofrlta-ihMB*1ilIBti*网*0*!OuwlWLftWi:小 EMEMt*tHtiiwOfttnff修用fr-4*wDMUn却 ag 中tta中
21、c*便 f 七3jIE,5%ivfHMH餐2hr用K等弊附睁叫旃*4.utmiAwmHf窜窜Z”*仲 4 将1M910fl修d*dKM6*EWm的twm“TLisgu产肛0 xa皂n胞Ik四购老七!舞加illlIpiligirrBvtf0MIWVMHhrIbnWrilMd胖*TKh知CHtHugMFliviwfMHutp41Mtpkit44M*M4cmMlKWItwtAtfOMfcffiM9W4-MKdRftet喊IrifaWMH1fcthteKHnTMv*1话wMJMScM电2kFnt.0;口*+.*fw*11#eiIWi&ge,iX*11Ai.wtiRMnuywM1to*牌犷w|f
22、firtBa哂曲*t*K-vfip*1flrr*riwifatCIHWftii*|由上=事aZtmh-M,珈,疆Si川*w七Kiw0eyw*avtSwhSTWMfwcii*wd的|twlahEjonrtngEMtari皿,.T-okB至Ma*r8、-IT地址:http:/ iMWfnCKaSrjnaiwH*m.咄firilroijuciAigE,FC/r*34JE On-aI#4VH|HLH#paritonHwmaHrtaowwJuwnriFKCboekFMiPIweApp-TheIrueFMCbMfcFuft肉加BoaL-TT4QCLOUQfectsflSBc$s(B3)scrlpfacul
23、oosC3-S;5L0tr:*Eg(177)prctotype(83)lightbox61:1php6iJTt图46)t0Ol$(S7)博日广用患的这才却地址:http:/ 修 LMT,*工 WHUtrHiFriWIC-.二、LPei,0IHKUB4.DuCrowTtaiHMMI9HHLEK|M.n*1 融*MmLCriMfttlVMullIftolIHWICnIJBUKMWWf-MWki*iwyiMI.41EPfanviVmMtUVf*G 醉EM#*riknfll#91rBcdri*/vjMKkjrrmoJtrtwMrwt地址:http:/ 也 EWl MM地址:http:/ jQuery
24、组件:地址:http:/ 乱1t_4,朝.*巴星 IffwrwriMG.r鲁必UWMWj-rtOKIMU亡霜tutwshJiVAJCWTTWU畸ipRMflpaffrppWtan4MOMiNWWHlk|f(lMCMtahMit rM4litafkLMH1IIXIrtllM.tfrtriMBft*ladlig*TQtawwMXlAiw-rtrwE.X.的 faPBMV*3M|Lawl.*EH*GUfrcwbe-$ER才IMir*H-IMJ.GfTT|HIMrrfFrilrpvfiMwr 4一Iip&F*MIfcHonWTtr!vMiM幽ennr,陌K4fiHTMLEe.TWmi-Hlkw
25、rlhHl(/翱pr灯VHV%Fl-jRiMMCS卡.,!叫Sh*l1节口ima/MdMFerSIErrsu-li-wip(It匕anyiii-1i.UAKMM*fi*hA!i皿-HWUHE4MtKEteriBfWbMlitad*ch#fM.1iLtfighkifiIHandwEFMBFI|AEHtLtaHUMPMMftMhnpw1h|.*5 充XWniPtaiWf0CT.0小O*rrr_6CtflWrvrtf、ywrEmnun如M,*,jytrw4dAaM-&IH4Mi-Klind1IM#rfimHw|ii!hm*卜*4-an4tvaM|wn归51.见:csvHFi|Eft.Inpt
26、vtmE4触日90( (JCJHLA|vipLap-4-.-if.hL*iiaFwi*F1i( (14lpflfttS-h*Inril) )M-FF.niiIs嘛!nMlai1*W“BvUmlBUIMIS.新-1rtlirlfid.iiftnipot.awKW碑事1F*7师则他hh新专冷*靠Ar4M.电胃单睁I0Ev(霸*.力*1占一.IsMIivf口.*MA6wi,vM,P*rji,fa&fwE、*=,IIf。叫他I,母广tShfimftbwirtmhcAald匚庄-P台UtMAfc-knf-aaUaKwM4tlt4Mhr4ddyQFMdifdJC*an.!H*F9M+Z&睢
27、-2NfWWdei-.nriiMdvW*iCdUHEddw*FbDj?ircSM*ElVMFCW-1WTK*urndw*W*TUhilMril *flfi6*.IflHfrW%IMUItMIM*(*t*KvCMpwWfcfl*4irti*tMu?$ML)mI,7gvjr0*44出144*|.PMTlAHB4I6fifaanrfwVffWMvl-MiMfhi.MHia|h*wMwWwdM,MnM-.N.fMriMEh*4mhFlawmi.Iwnl田修魄加T.1.耍赵姓2f.於1蜉MY理*pa*prfu.呻 E,3F1fw*4H4t即Z0Gcnwt*cwssrj*cJ1cwB0ing#*!TMSm
28、prMHW1.UMIhiBMM1.*Wii*1.地址:http:/ H( (A|IrihihM*.地址:http:/www.webcodr.eom/6/15-javascript-snippets-you-cant-live-without/HTMLAssets基础 javascript 片段的小集合:EXAMPLEG2togmijp*g*J门中:i,学,&三*?ITELKT.uJi.=.KL;铲电 0K:个?=!地址:http:/www.html- UI 资源,但是我们仍旧感到是值得提及的:Slidenote一个简单的能使你创建滑动通知(slidingnotification)Thi
29、4IWiIm*1修fvbwi杈好4nHv*4hnMl串 iII修Hfis.4viv4o1MiiwHMIfa*RriU*,fv*M%MdrhUZMGi-1M0蜘7=W_i*|M41MHT#w4M1wMt11*vMwK4dGt*Mv!h Mftbarb也 Zb-wwi再Ti曰*f*-pw*,Izid*|c#tfMflf4ri4riwJlMWAPIMdCMMcadiidrieriW.sSww*MI9111M.MMRMOWUHATWaWinputatirt01MmsMl也1iFL.jFFfKMCtKM1-l-T-ri-J,r*ffvtfMlll4B隐,41WH-1orrnfp甲*(ia4iilvPML
30、khlpiMMlCE3Lff*.tkmji-if 电工射,.B叫 .*.r1at#日峙才;:4JMiMIAHIUf-Mwbi,.1Mi14M1!kEMMECMM%山*一3?血血MKMUC6M:的 jQuery 插件:SlideNoteAjQueiyPiuginForSIidingNotiflcationsHomeFi&rmoremlormfltlonormadtEdSCFIMIderwnDownload邛 iE-5.#10.wasa3a.-d-ia-e-il*!4,2DflSUdtNeceH?c4j5T&miiZirt5if.AeJ! fsAifljnMEwykrsit*iwt
31、o期即1,河“口慎川和SlideNoteDemo-.Sr-ywvft?iepcojitCErepOicry,口事 biMSI/,itou-rrieljCrah,u地址:/EditableGrid只要几行简单代码,就能将 HTML格转换为可以用高级选项操作的组件:LiveDenIUAgeperperson地址:http:/www.webismymind.be/editablegrid/Placehold.it为你排版简易创建占位符的服务器:hriuw33IJMHKhJW&B-rX*mamXDvw外IAlm*XDiW一jmsrtt11LJJmEuropeill帆XCWM4r4#L*匕jdRo,二XMIMAVEut7曲K1CWWAlOlmJbMHI14UJtan2M4.M1aatEtfWlku”,-FLXNfe*JJUmJMrO0ArmKOsjHB-aVLfl
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
评论
0/150
提交评论