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