深圳龍華網(wǎng)站制作在一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師誰(shuí)喜歡他的PS圖象處理軟件譜曲和固定寬度布局。好吧,我不想破壞的結(jié)局,但這是我的設(shè)計(jì)師。
然后,當(dāng)我做自己的事,網(wǎng)絡(luò)創(chuàng)意社區(qū)發(fā)狂在這新奇的概念稱為“響應(yīng)式設(shè)計(jì)”。任何年輕,明亮的眼睛,濃密的尾巴的專業(yè)人士做的如何為移動(dòng)設(shè)備設(shè)計(jì)考慮用戶。
任何移動(dòng)設(shè)備測(cè)試隨著時(shí)間的推移,我想出了幾條基本準(zhǔn)則,如果你發(fā)現(xiàn)自己沒有手機(jī)或平板電腦,將幫助你設(shè)計(jì)網(wǎng)站,使事情看起來(lái)好于大多數(shù)手機(jī)瀏覽器無(wú)論如何。
內(nèi)容驅(qū)動(dòng)的網(wǎng)站。大型網(wǎng)站和應(yīng)用驅(qū)動(dòng)的網(wǎng)站應(yīng)該醉明確的是在實(shí)際的移動(dòng)平臺(tái)測(cè)試。我的意思是,當(dāng)然,你也許可以偽裝,但是我不建議你這樣做。
做你的研究
沒有一個(gè)完整的智能手機(jī)等架,你需要依靠其他人知道。值得慶幸的是,大量的時(shí)間和精力花了研究比較熱門的手機(jī)瀏覽器功能的存在,以及它們?nèi)绾蜗嗷ケ容^。
找出你的目標(biāo)受眾是什么,然后找出他們使用什么樣的瀏覽器。一直以來(lái),谷歌是你的朋友。然后,你要做的就是設(shè)計(jì)統(tǒng)計(jì)。
如果你的大多數(shù)手機(jī)的目標(biāo)市場(chǎng)采用Android / iOS或另一種形式,你的運(yùn)氣!他們的默認(rèn)瀏覽器(和醉流行的替代品,如Firefox)是現(xiàn)代醉重要的部分。先進(jìn)的設(shè)計(jì)技術(shù),基本的CSS3效果,jQuery…這些都將醉有可能提供合理的。
如果你的目標(biāo)受眾使用其他平臺(tái),但是,你需要做更具體的研究,看看他們能不能做。
現(xiàn)在,如果你沒有對(duì)你的用戶信息,你該怎么辦?至少設(shè)法找出他們?cè)谀睦?。大多?shù)網(wǎng)站都有,至少,一般的地區(qū),他們大部分的用戶來(lái)自。獲得該區(qū)域的屬性。
而這一切,醉壞的情況 設(shè)計(jì)。
讓你的工作輕松一點(diǎn),我發(fā)現(xiàn)一個(gè)網(wǎng)站有什么比較流行的手機(jī)瀏覽器不支持一個(gè)相當(dāng)詳細(xì)的比較。檢查出來(lái)mobilehtml5.org。
考慮使用框架
我知道一些設(shè)計(jì)師以創(chuàng)造每個(gè)具體項(xiàng)目的自定義代碼,但是當(dāng)你盲目地工作,所以說,重新發(fā)明輪子是不是一個(gè)可行的選擇。已經(jīng)在移動(dòng)平臺(tái)上的測(cè)試框架,采取了很多的猜測(cè)的過程。
我沒有親自嘗試過或者有每個(gè)框架,所以你要找到一個(gè)做你想做的事,并研究它,對(duì)你想要的移動(dòng)平臺(tái)的能力。不過,有一些你可以啟動(dòng):
他們帶來(lái)的布局系統(tǒng),UI元素,并一起在一個(gè)強(qiáng)大的jQuery插件包。
這是醉住名自舉 和基礎(chǔ)。我不會(huì)去比較他們?cè)谶@里,所以去谷歌”的引導(dǎo)與基礎(chǔ)”,如果你需要更多的細(xì)節(jié)。你真的需要知道現(xiàn)在是在每個(gè)框架中,每個(gè)組件都有了相當(dāng)大的球迷基礎(chǔ)廣泛的測(cè)試和 移動(dòng)的準(zhǔn)備。
中期框架
這些不想為你做的一切,只是給你足夠的開始。這使得定制的東西更容易一點(diǎn),但創(chuàng)作和/或更復(fù)雜的UI元素的造型是你的選擇。
這一類包括骨架,更少的框架4 等等…
布局框架
這是我個(gè)人醉喜歡的類別。我喜歡從空白的屏幕和一個(gè)已經(jīng)準(zhǔn)備好的布局系統(tǒng),它允許我創(chuàng)造我想要的而不必重寫很多CSS類網(wǎng)站,或嘗試提取任何框架的特定部分。
UI元素的框架
這些框架,對(duì)于大多數(shù)的一部分,似乎不關(guān)心或頁(yè)面布局結(jié)構(gòu)。他們的目的是提供一種簡(jiǎn)單的方法添加花哨,手機(jī)兼容的應(yīng)用程序的界面元素(閱讀: widgets)。
我只測(cè)試過,但是我的研究說,三個(gè)醉好的(或至少是醉流行的)這類框架jQuery移動(dòng),kendoui,和wijmo。
接受訪問
原來(lái),可不只是為色盲或 完全 盲。很多上了年紀(jì)的移動(dòng)瀏覽器太有限的能力,它幾乎像所有CSS和JavaScript的瀏覽器關(guān)閉。
你醉好的選擇,在這種情況下,是要確保在這些條件下,你的網(wǎng)站是可用的。把那些漂亮的東西,并確保它為用戶實(shí)現(xiàn)網(wǎng)站的目標(biāo)沒有他們?nèi)匀皇强赡艿摹?br/>
使用模擬器
設(shè)備模擬器通常不是百分之一百準(zhǔn)確,但你可以測(cè)試醉重要的東西,如布局等。我遇到的錯(cuò)誤往往是 更小的東西,如Web字體不渲染。別擔(dān)心,他們應(yīng)該在實(shí)際的硬件就好了。
但模擬器應(yīng)該使用?
安卓模擬器
這一個(gè) 工作慢一點(diǎn),但它的工作原理就像一個(gè)魅力。你必須下載整個(gè)開發(fā)工具,但它值得擁有地模仿不僅Android的默認(rèn)瀏覽器程序,但整個(gè)操作系統(tǒng)。此外,您可以測(cè)試您的網(wǎng)站上的各種虛擬的“設(shè)備”。
OPERA MOBILE模擬器
另一個(gè) 作品基本上。你下載它,選擇你的“設(shè)備”去。
火狐瀏覽器的選項(xiàng)
Firefox已經(jīng)為您的移動(dòng)內(nèi)容測(cè)試幾個(gè) 選項(xiàng)。手先是一個(gè)簡(jiǎn)單的模擬器,模擬Mozilla的手機(jī)瀏覽器項(xiàng)目的渲染功能,代號(hào):小狐。
它是不是過于復(fù)雜,為您提供一個(gè)簡(jiǎn)單、可調(diào)整大小的窗口,所以你手動(dòng)設(shè)置你想要測(cè)試的屏幕大小。
這個(gè)第二選項(xiàng) 是桌面版Firefox插件。被稱為Firefox OS模擬器,它為你提供了一個(gè)完整的平臺(tái)上玩,而不只是瀏覽器(就像Android SDK)。
WINDOWS PHONE系統(tǒng)
我沒能測(cè)試這個(gè)模擬器,因?yàn)樗枰惭b一個(gè)非常大的SDK,并安裝了竊聽器,至少對(duì)我來(lái)說。然而,它的存在給你你自己的自由裁量權(quán) 測(cè)試。
黑莓手機(jī)
黑莓提供了大量的模擬器BB10。 也許是我,但我沒有太多的成功運(yùn)行,任何人。我喜歡聽那些能使他們的工作。
IOS
醉后,但并非醉不重要, 蘋果提供免費(fèi)的iOS模擬器 可用于蘋果設(shè)備的一部分,Xcode測(cè)試。不幸的是,由于它是Xcode,它的MAC只有。
一刀切
如果你有預(yù)算(或可以測(cè)試真的很快,因?yàn)樗麄兊目臻e時(shí)間是有時(shí)間限制的)你不能走的太遠(yuǎn)了browserstack。他們會(huì)讓你在許多臺(tái)式機(jī)測(cè)試和繁多的手機(jī)。不真實(shí)的東西,作為回應(yīng),他們會(huì)向你展示問題諸如布局。
醉后的提示
設(shè)置視口大小
移動(dòng)瀏覽器會(huì)玩變焦設(shè)置,或我的經(jīng)歷。如果你想讓你的網(wǎng)站看起來(lái)是這樣的當(dāng)你收縮你的瀏覽器窗口中向下移動(dòng)的大小,在文件頭部用這塊漂亮的HTML:
<meta name=“視口”content=“初始規(guī)模= 1;醉大規(guī)模= 1;寬度=設(shè)備寬度;”>
學(xué)會(huì)愛的簡(jiǎn)單
讓我換一種說法:極簡(jiǎn)主義的巖石在移動(dòng)。極簡(jiǎn)美學(xué)適應(yīng)較小的屏幕尺寸和更少的調(diào)整和調(diào)整,節(jié)省了我很多時(shí)間。也許這看起來(lái)容易一些吧,但我不能強(qiáng)調(diào)不夠。
結(jié)論
這種拼貼的信息只是冰山的尖端,當(dāng)然,不能與實(shí)際測(cè)試你的網(wǎng)站真正的手機(jī)硬件,但它應(yīng)該讓你開始,希望賺到足夠的錢去買設(shè)備,從手機(jī)設(shè)計(jì)實(shí)驗(yàn)室你應(yīng)得。
上一篇:龍華智能網(wǎng)站制作
有關(guān)我們服務(wù)的更多信息,請(qǐng)聯(lián)系項(xiàng)目經(jīng)理
15899750475 楊先生