最近幾年,針對多設備進行設計已成為Web設計領域最令人興奮的開發工作。以前主要關注網站是否可以在兩個不同瀏覽器上運行正常,現在則轉移到它是否可以在具有完全不同特性的多種設備上正常運行,這些設備具有不同的屏幕尺寸、不同的性能、不同的使用環境及不同的界面。
觸摸優先設計
具有"統一元素"特性的網站已經將觸摸式界面應有到了最近的桌面網站設計中。
在佔用面積上,手指要大於鼠標指針,所以手指需要更大的觸控區域。為了確保可用性,互動元素需要更大。當互動元素的面積增大後,其他元素也需要相應的增大以保持平衡。這就需要通過margin和padding兩個屬性來設定。
新版Gmail設計有大量的空白區域,對按鈕設定了額外的Padding。雖然它只是針對桌面的設計,但也可以很好地兼容觸摸設備。
iPad在觸摸界面和不同大小桌面屏幕之間搭建了橋樑。而iPad的流行加速了觸摸屏在桌面界面設計中的影響。如果你觀察一些剛經過重新設計的著名產品,如Gmail,Twitter,你就會發現Web設計已有明顯的不同。他們看上去更"豐滿"。有更多的空白區域,按鈕有更多的Padding,上面的元素整體看來增大了不少。當然,其他的因素也在發揮作用,比如桌面屏幕尺寸的穩定增長。
當為鼠標提供了"過多"的空間,而對於手指來說,空間剛剛好時,我們的設計就算完成了。我們允許與某體驗的標準有稍稍的偏差,以獲得對所有可能體驗的更好支持。
有一點值得提出,對觸摸友好的UI對於使用桌面鼠標的用戶來說,更易用。容易觸摸操控的按鈕,更容易被點擊。
微軟Metro風格的設計受到了觸摸優先思想的影響
響應式設計,達到統一設計的目的
雖然關於響應式設計的很多討論都是關於響應式設計技術的,但響應能力本身並不是最終目標。它是達到目的的一種手段。設計具有響應能力,是為了達到其他的一些目的。可能為了支持不同的內容,服務於低寬帶中傳輸的圖片,在更小的屏幕中更好地展示佈局。也可能為了在大範圍不同的設備上提供統一的體驗。
搭載響應式設計的潮流,可以到達統一的用戶體驗設計的目的地。Boston Globe網站在這方面做得很棒。
Boston Globe出色地將響應式設計應用到了大型網站中
響應式設計策略可以使一個簡單的設計適應用戶閱讀Boston Globe所使用的任何設備(即便是Apple Newton)。這不僅僅是前端工程師的功勞。配合使用Media Queries和JavaScript兩種技術,也可以達成這種效果。
移動優先設計
之前的案例主要針對圖片設計,但"統一元素"的概念應該應用於產品設計、用戶體驗、信息架構中——幾乎設計的其他任何領域。讓我們看看產品設計及移動優先的設計思想。
從手持裝置移動設備角度出發開始設計過程,構建可以滿足移動環境中各種限制的產品,你需要專注於產品的最重要元素上。正如Luke Wroblewski所表述的:
"當團隊進行移動手持裝置優先設計時,最終是要打造一種體驗,該體驗主要專注於用戶希望完成的最主要任務,沒有任何的曲線與界面碎片。這對於用戶體驗和商務都是有利的。"
拓界行銷-ajlin 發表在
痞客邦
留言(0)
人氣()
1.
K2
拓界行銷-ajlin 發表在
痞客邦
留言(0)
人氣()

Adobe發布了一款名為Edge Reflow的工具,可以用於響應式設計的可視化創作,提高通過HTML5和CSS3技術在不同設備上所進行的網頁開發效率。
目前Reflow提供了免費的下載,而通過註冊成為Adobe Creative Cloud付費會員可以繼續獲得免費的軟件更新。
Reflow的主要功能是通過在設計的過程中將所有的“斷點”“模組”進行可視化的展示,讓開發者可以在工具中一邊進行間距的調試,一邊測試展示效果。
這些功能在佈局、樣式的調試效率上都有很大的改進。
拓界行銷-ajlin 發表在
痞客邦
留言(0)
人氣()
介面設計
User Interface簡稱
UI,亦稱
用戶介面,定義廣泛,包含了
人機互動與
圖形使用者介面,凡參與人類與機械的訊息交流的領域都存在著使用者介面。UI設計的核心價值是Usability易用性。構成Usability易用性的元素為
拓界行銷-ajlin 發表在
痞客邦
留言(0)
人氣()
1.一般性搜尋引擎:Google雖然最好用,但有時還是可以搭配Yahoo對比一下。而百度作為中國那邊最重要的搜尋引擎,如果想要找大陸的中文資料也不可以忘了百度(而且在百度中輸入繁體會自動幫你轉簡體,下面的百度知道亦有相同功能,但百度貼吧則不行)。
Google網頁搜尋:http://www.google.com.tw/
Yahoo搜尋:http://tw.search.yahoo.com/
百度搜尋:http://www.baidu.com/
拓界行銷-ajlin 發表在
痞客邦
留言(1)
人氣()
拓界行銷-ajlin 發表在
痞客邦
留言(0)
人氣()
拓界行銷-ajlin 發表在
痞客邦
留言(0)
人氣()
6G大小且超大流量的php免費空間
這家免費空間月流量限制是50G/每月,空間支持php和mysql數據庫,支持採用ftp上傳,控制後台使用的是zhcp,速度也不錯,沒有廣告,還可以綁定自己的網址名。不足之處是,該免費空間過於考慮安全問題,所以被禁用了很多函數,大致測試了一下,許多主流程序都無法在此空間上正常使用,很納悶的說。6G大小且超大流量的php免費空間申請地址是:zymic.com
showmywebsite提供2G免費php空間
拓界行銷-ajlin 發表在
痞客邦
留言(0)
人氣()

南台科技大學是學習風氣很濃厚的學校,連續一個半小時的演講,同學不但不覺得累,在會後還會主動來詢問一些技術面的問題,雖然同學們都很害羞,但是在他們的眼神裡可以感受到求知欲望的熱誠,相信他們的學習態度能很快地幫助他們在社會上佔有一席之地,加油!同學!!
拓界行銷-ajlin 發表在
痞客邦
留言(0)
人氣()

鼎益盛不僅是joomla視覺客製化的專家,同時也是目前joomla開發的專業
以下是鼎益盛的joomla開發作品介紹
高雄青春設計節的微電影全省報名系統+評審評選系統+票選系統
拓界行銷-ajlin 發表在
痞客邦
留言(0)
人氣()

joomla會員註冊出現空白頁 或出現 <could not open socket>字樣
這一樣也是圖形驗證出現的問題
請參考
http://des13.pixnet.net/blog/post/54706838
拓界行銷-ajlin 發表在
痞客邦
留言(0)
人氣()

joomla 圖形驗證碼功能開啟後能抵擋垃圾郵件及機器人灌水的情形
但最近發現同時有許多客戶的驗證碼出現了無法顯示的問題 (如下圖)
拓界行銷-ajlin 發表在
痞客邦
留言(0)
人氣()