responsive web design

10 posts

2014 年初 最具創意時尚網站 Top 20

我們相信你一定會認同下面這些網站以全新互動的方式打破以往你對服裝潮流網站的想法;網站不需要那麼的古版,以下這些網站將完完全全帶你進入全新的境界。 你覺得一個服裝衣飾類的網站應該是什麼樣子? 沒錯! 就是圖片跟影片,這是最近業界的一個潮流跟趨勢,網站跟產品搭配起來簡直漂亮完美。這些網站大多都使用最新技術去營造全新的瀏覽體驗,打造出不一樣的網頁設計跟架構;很多時候,我們並不需要被鎖在一個 960px 的框架上,而是要跳出那個框架,讓你呈現更特別的設計。 不過這些網站的前提是,大多都是小型 campaign 跟活動的頁面而已,所以這些效果其實比較算是技術實驗,反倒不適合用來打造需要SEO型的網站,此外,也不是所有的瀏覽器都能看的唷! (小編的os:能為小型活動打造這樣的網站,預算應該相當高吧!反觀台灣的…只能嘆氣…) SONIA BY – PreSpring 2014 Lacoste Polo White…

我的天呀~ 怎麼可以那麼炫?! 30個網頁出眾的選單列表設計

選單列表是一個網站的地圖,訪客可以通過選單列表縱觀整個網站的概況,並且方便他們快速到達想要了解的地方。 固定式的選單雖然用起來很容易, 不過設計上其實要解決的問題非常多. 不單方面只是要符合許多設計風格上的思考, 還要確認使用上非常順手. 我們今天的這一篇剛好就是收集了30個以固定式選單列表的網站, 在保持原有的設計上讓瀏覽網頁更方便. 小編無聊搜尋網頁相關知識時熊熊發現,轉轉近期出品的1Bite2Go居然也被收納於其中了!!!讓轉轉成員們頓時驚呼不斷! 這是繼上次1Bite2Go在Awwwards被選獲為 Honorable Mention 之後 (感謝大家的投票, 也可以參考1Bite2Go的製作案例) 又得到其他 webzine 的肯定. ヾ(●´▽`●)ノ…

淺談css寫法跟html的架構

注: 此文章會講多關於CSS跟HTML的前端。 很久很久以前。在工業革命時代,差不多1700~1800,發明了許多商業量產的新技術,雖然傳統手工的工匠們還是得以保持工作,卻不肯邁進學習,覺得機器這些東西是無法取代他們的工作。 但差不多在十九世紀因為時代的改變,需求量越來越多,不得不以這個可以量產更多,更快的機器來取代工匠們的工作。後來這些老工匠們看到機器是如何代替他們的工作,而發現自己的技術已經被淘汰已久。 以前的網頁 在很久以前,當網路還是以table作為架構, 類似這種 < font color = "red"> foo < /font > 被設計網頁廣泛的使用。 那時我才剛開始接觸網頁設計,約2008年開始,那時table的架構已經開始的慢慢的被css取代,…

5大使用Responsive Web Design (響應式網頁設計) 的理由

如果你的網站還沒有更新成Responsive Web Design的話, 那今年就應該列入考慮囉! 這裡有五大理由為什麼建議網站開發成響應式的呢? Google就是這麼建議 我們不得不承認, Google是我們最好的理由之一, 前陣子Google在他們的Webmaster官方部落格上有提出這則文章. 文章中有提出這則最有效率而且對於手機非常友善的做法. Responsive 的網站只有: 固定擁有一個url 同一個html架構 這可以使Google更加的容易攀爬網頁上的資訊架構, 並依照架構建立關鍵詞, index起來. 光是這點就有非常足夠的理由使您的網站改成響應式設計了.…

什麼是 Content First ?

大家都在喊”Content First”! “Mobile First”? 我們的網頁以前都是以設計取決于內容的, 大家都只要炫!酷!人家就會覺得他是好網站了嗎? 不是。 沒有好的資訊跟內容,文案等,是無法設計出好的網站。 但很多網站都往往忽略了這一點,甚至沒考慮到這些東西已經嚴重影響到整個網站的UX。 在設計的過程中,以下幾點是可以考慮的: 很多UX覺得按超過三次就是不好的UX, 可是擁有好的內容引導的話UX反而更好 網頁的主要目的就是帶領使用者找到正確的資訊 使用者如果找不到想要的資訊,你的網站大致上是失敗的 目前的內容不等於以後的內容 不管有沒有後台,我們都應該使用內容去考慮使用正確排版方式。 該用table時就用table,該用list時就使用list,需要用tab時就應該用tab。 技術做的到的東西不代表我們需要一直用到它,例如說頁面上根本就不需要拖拉的功能,…