拓界行銷-騰訊雲台灣唯一合作廠商、跨境電商、微信微博行銷、大陸網路行銷廣告投放

摘要：測試發現中國和西方用戶在瀏覽複雜網頁時都遇到了相同的困難，不同的是，中國用戶更少抱怨網頁的複雜性，且似乎更喜歡相當高密度的內容。
老外經常說中文網站設計得太過複雜擁擠。但是，他們看不懂中文，也不怎麼使用中文網站，那麼這樣的評價往往來自於他們直觀的感覺，而不是真正的使用體驗，這種評價是不客觀的。

(繼續閱讀...)

拓界行銷-ajlin 發表在 痞客邦 留言(0) 人氣()

拓界行銷-ajlin 發表在 痞客邦 留言(0) 人氣()

拓界行銷-ajlin 發表在 痞客邦 留言(0) 人氣()

韓文、中文和日文文字外形相似，所以國內的網站除了中國風之外，還能借鑑日韓的風格。韓國網站我想大家也見過不少，他們特別喜歡使用Flash來製作，效果超弦（Why? 因為他們網速比我們快7、8倍…）。而日本網站呢，他們用Flash？響應式？還是扁平化設計呢？
接下來@設計達人網 小編為大家精選一組優秀的日本酷站，在收集日本網站的同時也讓小編驚嘆了，日本的網站設計以及使用的Web技術相當不錯，本以為日本的工業設計好，想不到網站設計水平也相當高。

(繼續閱讀...)

拓界行銷-ajlin 發表在 痞客邦 留言(0) 人氣()

拓界行銷-ajlin 發表在 痞客邦 留言(0) 人氣()

最近幾年，針對多設備進行設計已成為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) 人氣()

Adobe發布了一款名為Edge Reflow的工具，可以用於響應式設計的可視化創作，提高通過HTML5和CSS3技術在不同設備上所進行的網頁開發效率。
目前Reflow提供了免費的下載，而通過註冊成為Adobe Creative Cloud付費會員可以繼續獲得免費的軟件更新。
Reflow的主要功能是通過在設計的過程中將所有的“斷點”“模組”進行可視化的展示，讓開發者可以在工具中一邊進行間距的調試，一邊測試展示效果。
這些功能在佈局、樣式的調試效率上都有很大的改進。

(繼續閱讀...)

拓界行銷-ajlin 發表在 痞客邦 留言(0) 人氣()

拓界行銷-ajlin 發表在 痞客邦 留言(0) 人氣()

 

(繼續閱讀...)

拓界行銷-ajlin 發表在 痞客邦 留言(0) 人氣()

 

Link to Website – www.empk.net
Link to Barbara’s Behance profile – Barbara Allain on Behance
Link to Diego’s Behance profile – Diego Bellorin on Behance

(繼續閱讀...)

拓界行銷-ajlin 發表在 痞客邦 留言(0) 人氣()

 

(繼續閱讀...)

拓界行銷-ajlin 發表在 痞客邦 留言(0) 人氣()

 

大設計師 Steve Goodin 的平面設計作品
 manner 3D +C4D+PS

(繼續閱讀...)

拓界行銷-ajlin 發表在 痞客邦 留言(0) 人氣()