• 07-02

    2015

    【RWD】5種小企業可以轉變為RWD

    紐約,2015年7月1日 /新華美通/ -世界各地的智能手機使用的增加已經把互聯網和一切,用它你的手掌中。隨著方便和快捷,移動互聯網的使用帶來的,響應式網頁設計是保持移動用戶迷上你整個網站的各種級數至關重要。從台式機專用網站轉移到一個負責任的網站確實需要前 ​​期準備工作,和布拉德·Shorr,北直的B2B營銷總監,提供五種可操作的技巧,以幫助這個過渡。 在他發布到美通社的小企業的公關工具包亮相的文章,Shorr提供了五種簡單的方法,以確保您的小型企業不能在移動互聯網的不斷變化的世界落後。  簡化。當為移動設備或平板創建平台必須記住的目標不是與內容具有巨大量壓倒的用戶是重要的。Shorr建議您提供簡單而直接的鏈接,也易於瀏覽。 簡化的內容。消除在您的網站內容沒有必要,用描述性的副標題,以方便掃描。保持內容簡短而親切,以保持客戶的參與。 優先考慮網頁內容。在平板電腦上的移動站點和設備要求用戶向下滾動翻閱額外的內容所以它是非常重要的,你塑造你身邊希望客戶看到的第一,第二,第三的是什麼手機網站等,為他們通過網站上公佈的內容滾動。 為進一步討論剩下的兩個技巧,可以幫助你RWD工作。 美通社的小企業PR工具包是為小型企業和企業家的工具來開發一個負擔得起的公共關係和營銷計劃,有助於產生潛在客戶的興趣,從事與關鍵受眾和發展其業務的綜合性資源。該工具包提供相關內容,如信息的白皮書,交互式網絡研討會和how-to文章和高級訪問教育資源,以及拍到了專為小型企業設計的特殊優惠。要請求對美通社如何幫助小型企業的信息。您可以通過以下收到新的小企業PR工具包的內容更新  @prnsmallbiz  在Twitter上。RWD 關於美通社     美通社(www.prnewswire.com)是多媒體平台,使營銷人員,企業宣傳,可持續性官員,公共事務和投資者關係官員利用的內容,與他們所有的主要受眾的全球領先供應商。已經超過60年前開創了商業新聞發布行業,美通社今天提供終端到終端的解決方案,以生產,優化和目標內容-從富媒體到在線視頻多媒體-再分發內容和衡量跨越傳統的結果,數字化,移動和社交渠道。全面的工作流工具和平台結合了世界上最大的多渠道,多文化內容分發和優化網絡,美通社讓全球企業參與的機會到處存在。美通社在美洲,歐洲,中東,非洲和亞太地區的客戶提供服務,從辦公室幾萬,而且是UBM plc的公司。 台北網頁設計,新竹網頁設計
  • 07-01

    2015

    【RWD】RWD入門書

    作者:馬修·卡弗 出版商:曼寧   頁數:200  ISBN:9781617291241  打印:1617291242  觀眾:網頁設計師和開發人員 評分:4.5  點評:伊恩·埃利奧特 如果你想知道什麼是響應的Web指這本書的封面提供了一個線索。中間面板描繪你看到屏幕的範圍內,本尺寸,今天的網站有迎合。 初步的第一段一回合這本書部分總結了RWD簡潔極: RWD是設計一個用於擴展各種瀏覽器,包括移動電話,平板電腦和桌面網站的技術。它是由可以通過CSS3媒體查詢,並為開發人員提供了機會設計一個網站曾經為多個設備。 這台整本書的基調。馬修·卡弗組織了他的材料有明顯的整體結構和充分利用網頁的家具,以幫助讀者。每章打開一個對話框,讓你知道是怎麼回事被覆蓋,有boxouts的設計見解,開發見解,有時合併成設計/開發見解。雖然沒有色彩,插圖都是有用的信息。大量的代碼包含呈現為註解註釋的房源,並在網上提供。   全書共九章,分為三部分。     第1部分:響應方式有兩個章節,並從一開始馬修·卡弗需要一個很實用的方法。在第1章,一個負責任的工作流程,他在其中引入了媒體的質疑和斷點他踏上建立一個反應靈敏的網站,與最初的一步是為原型它的概況之後。卡弗解釋說,他喜歡用快速原型和要做到這一點,他介紹了基金會由3 Zurb,前端框架進行快速現場製作。基礎庫的最新版本是基金會5,有事筆者發射進入到它的功能說明他之前的注意事項。 沒過多久,我們踏踏實實地構建一個簡單的響應網站,從一個草圖,並著手生產使用內置的12列網格系統的基礎上的基於瀏覽器的原型。接下來卡弗看著編寫有效的HTML移動第一標記,之後他轉移到使用百分比來提供CSS一個可擴展的容器元素。在卡佛章的結尾指出,如何設計人員和開發人員之間的合作是RWD很重要。  你為什麼要採取行動,第一個設計的原因,那就是開始用最小的屏幕,所帶來的挑戰,都覆蓋在下一章一起設計觸摸式界面的討論。第2章還著眼於利用在佈局網頁字體和著眼於三個可用的服務:Typekit,Fonts.com和谷歌的字體,以及自託管的字體在自己的服務器上的選項。     接下來的四個章節的第2部分肚裡深入Рesigning為響應網絡。 第3章介紹了利用風格指南的想法,接著概述了如何創建一個風格的瓷磚。在下一章卡弗移動到設計模式和使用兩個 - 撥動導航模式和選擇菜單模式 - 解決RWD的頂級導航的問題。第5章返回到第一章介紹了一個主意 - 用百分比來創造流暢的佈局 - 再次聚焦電網系統和調整頁面佈局,通過屏幕大小的變化。為了完成這部分的書卡佛開始的響應內容看看如何內容能夠適應不斷變化的屏幕尺寸帶來的挑戰進行了討論。   第3部分,包括三章,著眼於擴大與代碼的設計。第7章討論添加圖形到一個頁面,涵蓋響應背景圖片和視頻。在考慮使用CSS來實現設計,雕刻師著眼於利用圖標字體和SVG(可縮放矢量圖形)。 第8章回來書中年初推出一個想法 - 對過時逐步增強,這被解釋為一種技術,使一個簡單的網站到一些技術更先進,和警衛。 卡弗說: 這個過程是一個對位移動第一個設計。移動第一個設計直接處理的形式,而漸進增強處理功能。  說完看著漸進增強的方法,他轉向另一種 - 。優雅降級。接著,他介紹Modernizr的,用於檢測被裝​​載在一個頁面的頭部,並在頁面加載運行的瀏覽器功能的JavaScript庫。的詳細介紹,以及一個簡單的例子之後,我們添加到近代化,我們一直在努力貫穿全書的網站。  第9章轉向注重響應測試使用模擬測試環境的話題。並解釋說,他首選的開發環境是OS X,卡弗著眼於使用Parallels的Mac,它允許你建立模擬環境作為虛擬機的優點和缺點。他還著眼於包括在Xcode在iOS模擬器。經過瀏覽器的工具進行測試簡短的討論,還有的網頁檢查工具更深的解釋,該章最後就減少請求次數的提示。  這本書輪出附錄一:上下文感知的設計。還有一個附錄,涉及到基礎架構可在網上。  這是一個良好的組織,以及介紹和寫得很好的書。值得一提的是,與所有曼寧標題,購買這本書的為您提供了在不增加額外成本獲得PDF,EPUB和Kindle版本。推薦。 台北網頁設計,新竹網頁設計
  • 06-30

    2015

    【RWD】在激烈的市場競爭,紐卡斯爾靠RWD技術何脫穎而出

    紐卡斯爾的公司科莫多數字已經走過了漫長的道路十二年。 RWD從業初期,該機構的帶動下,MD安迪綠色,也認識到一個蓬勃發展的移動應用市場呈現明顯的機會,並迅速採取行動為未​​來的大部分比賽在東北的應用程序開發的世界。在此過程中,該機構迅速引起大客戶像ITV的關注。 英國創意公司問安迪醫師綠色分享他的想法如何在人口過密的市場成功,創業應該如何處理首次正與大客戶。 網頁設計是一個非常擁擠的市場 - 什麼是生存的關鍵,站立在人群中? 紐卡斯爾和東北部與一些偉大的人才是一個非常有競爭力的市場。我們一直在生存和這個溫床內蓬勃發展很長一段時間,我把它歸結為一些事情,包括我們的方法,專業,優質,口渴學習。我認為這些元素是一個先決條件。另外,如果你沒有交付,並得到的東西,聽的人,了解他們想要什麼是基本能力,那麼你不是真的要跑遠。 對於我們來說,我們的DNA的重要組成部分,是我們團隊的好奇心和我們願意承擔和學習新的東西。作為一個例子,我們是移動應用開發市場非常嚐鮮。我們是一個有內部iOS開發能力的第一個地方,領先於大多數機構的幾年。  每一個網站現在應該響應但同樣,我們很早就以市場為RWD從業者這是今天在市場上的核心趨勢。我認為有,看看有什麼接下來會發生,並確保你有適當的技能,以滿足未來的需求是增長的關鍵能力。我們將繼續投入巨資研發和尋找新的“下一件大事”的技術和發展趨勢。 就是賭一把重要尚存作為一個小企業的能力? 這是,特別是如果你參與,在技術領域,但同樣可以為任何行業可以說。你必須要知道這是怎麼回事,並發生了什麼還因為發生的事情接下來就是最終你要去哪裡創建您的收入,如果你沒有準備,那麼你總是會被打趕上嚐鮮。這很容易得到錯誤也可以是昂貴的。 你會提供什麼建議小公司關於與大客戶合作的第一次? 是不同的。有一些特別的東西。一旦你得到的東西是什麼,從更大,更成熟的機構提供你必須尋找創造性的方式來獲得一個'中'真正的不同。小公司有很大的優勢的大公司 - 敏捷性。在我的經驗這是關於使用在你的主張和做法這種靈活性,然後找出你需要跟去做到這一點究竟是誰。 在這個領域工作,是它重要的是要意識到新的技術和品牌? 當然可以。我們正在不斷尋找新的技術和識別,我們認為我們將能夠進入易即那些恭維自然延伸,但我們目前的RWD技能集的趨勢。  人們來到我們自己的想法,這是我們的工作,以幫助使他們的生活。一個很好的例子是ITV“簽名故事”的應用程序,科莫多一直在努力為超過兩年。該應用程序的大的想法是幫助聽障兒童和潛在的其他學習困難學習如何註冊並建立自己的詞彙,使他們能夠溝通,更有效地互動。 這是通過巨大的內容,ITV創建完成。以古典與現代的孩子們的故事,ITV的路標動畫團隊和他們提供了一個專業的配音,以及一個簽名者簽署誰的故事。科莫多設計和建造,使這種想法的應用。 簽名者,音頻和視頻都可以定制並設置為一個兒童的個人需要。簽名者可以開啟或關閉,並在英國手語或美國手語可用,字幕可以在大小,顏色和背景方面進行改變,使其更容易為視障用戶和所有標題都捆綁了遊戲,幫助學習。從一個科技點,我們做了所有的設計工作,以及對移動開發。  很難放下在短短的一句話,但基本上我們做的是採取的想法,並使它成為現實,讓它發生,並使其發揮作用。 紐卡斯爾是創意公司的好地方,在那一刻? 是的,它肯定已經在過去的15 - 20年。這是一個極具創意的城市,一個巨大的個性,你只需要看看一些文化空間在這裡像波羅的海和賢者看到它上面拳的重量相比較大的城市道路。 是否有任何地方公司或事件,我們應該密切關注? 是的,有一個非常好的社區這裡有很多網絡尤其是創意和英國舉行了紐卡斯爾,最近有創造力的城市事件的事件。我們很幸運有承載每年五月,現在在它的第八個年頭的思考數字會議。我已經訂機票了2016年的事件。 還有點燃100,它是一個熱啟動孵化和加速器。一個啟動的是真的要在我看來飛是一家名為SoPost。這是人與一個偉大的想法和一個偉大的產品一支偉大的球隊; 從我聽到他們真正獲得在其市場一些大的牽引力。東北是一向是一個溫床創造力和技術創新。 台北網頁設計,新竹網頁設計
  • 06-30

    2015

    【RWD】7個網頁設計技巧

    隨著內容管理系統的日益普及(CMS)作為營銷工具,RWD網頁設計技巧正在成為一個必須在整個營銷行業。現在你不需要編碼技能修改公司網站,來自不同背景的員工都有助於公司網站的能力。雖然這是偉大的,從內容的角度來看,它可以讓設計師畏縮。沒有什麼比提供一個完美的設計網站,客戶端只是為了看看它由一個好心的外行去遠一點下坡與每一位編輯更糟。 雖然有任何編輯網站的能力,是一個增加的方便了企業,大部分這些網站編輯不具有最佳實踐的理解。好消息是,你並不需要一個度的設計,以保持公司的網站多達設計師有價值的標準。牢記這七個技巧不僅可以節省你的設計師頭疼,但他們會有助於你的思維上的任何未來的設計有關的項目,跨越你的辦公桌。 1.保持簡單 少是多,但少往往更難實現超過。我看到非設計者犯的最大錯誤是添加元素(大膽!下劃線!符號和圖片!)來強調某一點。簡單是關鍵,有效地讓你點對面,很容易使您的網站訪問者來了解你的信息。 視覺層次 這關鍵的詞是什麼,我發現自己重複往往在我們的辦公室。確保在網頁上的所有元素都是相對大小與它們的重要性。每個頁面上的元素不能攜帶相同的重要性,因此,它不應該攜帶相同的視覺重量。更重要的內容可以很容易區分與位置,大小和顏色。 ​對比 拿起你的設計師離開了。您的網站的配色方案已經考慮到非常認真的考慮,所以利用它。選擇是對頻譜的兩端的顏色在你的計劃,這將有助於區分觀眾的元素和採取適當的行動。不要選擇顏色是不是在網站上簡單的計劃,因為你認為它會引起某人的注意 - 很多時候,你會抓住別人的注意力,而不是正確的原因。 流程 甩掉多餘的。讓您的買家的旅程盡可能簡單。你的選擇應該保持的時間,用戶需要點擊到達他們的目的地,以盡可能少的數目。 2.淡化顏色 是的,我承認,顏色一般是“好玩”的一部分,以任何設計。隨著中說,很容易走極端真的很快。這是最大的抱怨我有非設計師誰得到舉行我設計的網站。顏色應謹慎使用(不要忘記秘訣一)和強調,要真正開車回家一點 - 不是作為裝飾。我知道你的灰色設計師選擇實施支持元素看起來枯燥,但我保證他們有他們的理由使用它。中性的顏色選擇為背景元素把一種或兩種顏色在你的品牌的標誌走在了前列。您的訪問者會明白,當他們應該採取行動,因為你的目標網頁按鈕是最大膽的事在他們面前。 如果你決定去反對這些技巧和使用額外的顏色,請這樣做負責任。要求十六進制代碼為您的網站的主色調,使任何和所有的顏色你根據你的品牌準則的使用是準確的。 3.限制字體選擇 印刷術是一件棘手的事情要掌握,並且大多數設計師會承認他們是在了解這個元素一個恆定的狀態。務必謹慎使用排版。“少即是多”的規則適用於這裡絕對沒有例外。太多的字體會讓你的網站感到混亂。 不要把你的用戶在恐慌(請不要提醒烘烤銷售海報在W​​ord中的七歲創造了它們!) - 選擇一個字體為你的頭,另一個用於正文。堅持這些選擇,除非你打算完全更換字體不包含任何更多。在你自己做出選擇的版式,請確保您的品牌準則不已經計劃好了嚴格的規定。沒準有人已經做出了這個決定給你。 4.保持可讀性 如果您已經閱讀這篇博客的任何時間,你知道我們是怎麼想的內容。內容為王,如果你使用的是入境市場營銷來吸引潛在並將其轉換為線索。在事物的根源,是什麼讓內容可能嗎?印刷術。請確保它的格式設置為最佳的用戶體驗。 對比 您的副本應顯著深於你的背景,或比你的背景顯著更輕,使其易於閱讀。 行高 您的網站是不是字典,不把它當作這樣的。設置你的行高為1.5至1.75,以保證線路有足夠的空間來呼吸。在大多數情況下,這將是在您的網站的CMS為你設置的,但它仍然是東西,你應該記住。 字體大小 誰是目標受眾為您的網站?它是一個較舊的人口?如果是這樣,你可能想使你的字體變大,使鄉親們帶著老花鏡不使勁看你創建的所有內容。 階層 我們的秘訣一談到這一點,但它是值得一提的再次。用戶掃描副本,因此使它非常容易讓他們吸收你想說什麼。利用標題,子標題和目錄結構。在這樣做時,你也將受益於改進的搜索引擎排名,因為搜索引擎喜歡的關鍵字豐富的標題。 5.響應,反應靈敏,RWD 我不能說這不夠,反應靈敏的網站現在應該考慮的一個要求。如果您對手機進行優化,你會受到懲罰。總是心裡有移動用戶。 如果你把秘訣一考慮,事情應該制定出很容易為你的手機。要創建一個偉大的移動網站,你會想,以消除任何混亂(利用空格),保持視覺層次,並使其超方便遊客採取行動。形式應該足夠大,這樣大的手指可以輕鬆地完成它們,並呼籲採取行動按鈕應該足夠大,可以很容易地竊聽,不易錯過RWD。 6.影像 你不僅應該有驚人的網站副本,但你應該總是想著驚人的圖像。您可以在您的圖片選擇有些得意。你不必有一個設計背景,知道的東西看起來不錯。我的建議是,你把你的圖片搜索一些額外的時間,不要只用一個相關的照片 - 使用一個推信封一點點。 圖片應該引發情感。如果你的形象是大,清晰,相關的應該做到這一點。 我不能強調這一點就夠了。正確的圖像可以造就一個設計。儘管多麼美麗一個網站的佈局而定,一般圖像可以轉移用戶的注意力。這個技巧可能可以說比我們對副本的建議更重要。請記住,用戶掃描頁面之前真的潛入副本。使他們想讀你的副本,不只是增加一個形象,因為你覺得你應該讓你的展示。 7.更明顯地表 這是所有關於轉換。創建行動誘人的呼叫(CTA)考慮到上述的技巧每一個人。 那麼明顯越好。如果你希望你的用戶註冊的東西,所以說!告訴用戶,你希望他們使用像“點擊這裡”或面向行動的話做的正是“立即下載”。 讓它大。使其豐富多彩。 您的行動呼籲按鈕不應該像自己的主頁廣告牌,但應攜帶足夠的視覺重量,立即吸引用戶的注意。這裡採用的視覺層次,並確保您的CTA按鈕次之只有你的標題。 是排他的。 激勵你的行動呼籲。務必使CTA有關用戶,不是你想從他們什麼。即使你只是希望他們註冊的電子郵件通訊,確保他們得到了寶貴的激勵的信息,他們都為您提供的類型。 這七個技巧是失敗的,證明每一項內容涉及到您的入站的營銷。這裡討論的技巧可以在整個印刷,網絡和電子書創造被利用。只要記住,轉換始終是最終目標和更透明的你犯了一個用戶的選擇,就越容易將是為他們做什麼,你希望他們。 RWD 台北網頁設計,新竹網頁設計
  • 06-29

    2015

    【RWD】案例分析:火車模型公司霍恩重視RWD

    數字化戰略的霍恩比的頭解釋了公司選擇布倫特里作為其在線支付平台,按照其網站上的遷移在去年 鐵路模型零售商霍恩比推出了響應網站在2014年6月,以迎合技術嫻熟的一代誰使用手機的一切。 在新的網站已經到位,霍恩比實施布倫特里V.Zero支付網關系統,通過貝寶擁有的,讓客戶安全地完成網上交易。 “這件事情,企業知道它需要做的,”他說。“挑戰的一部分就是確保我們總是非常注意我們的貿易夥伴和零售商,但在某種意義上,它是在網上或破產。”近一年來,霍恩比的頭數字戰略,理查德·弗萊徹,解釋了為什麼即使對於建立品牌,它停留在目前的趨勢頂部和參與不斷發展的客戶群是非常重要的。 對於需要RWD 弗萊徹解釋說,數字系統的實施,如響應網站或移動應用程序是必要的,以確保獨立的品牌,如的Scalextric和Airfix膨脹之間的進一步參與,與客戶。 像許多公司,使移動到一個負責任的網站,霍恩比可以看到它的網站流量的三分之一,從智能手機和平板電腦的到來。其客戶群是多樣化的,所以公司必須確保它被追趕的客戶,無論他們怎麼希望與企業進行互動。RWD 霍恩比開發一個負責任的網站使用移動設備來服務客戶 “我們的觀眾是真正廣泛。我們有愛好者誰是狂熱收集機車或霍恩比,或連接周圍的Scalextric賽道的,或建築用Airfix膨脹某些人物的具體型號,“弗萊徹說。 “在天平的另一端,我們的人誰也許只會考慮我們一次或兩次的一年禮物。因此,我們需要將所有的東西給所有的人,我們需要確保我們所代表的品牌。這是一個社區; 我們希望人們有賓至如歸的感覺,當他們打的網站,覺得自己是一個愛好和體驗的一部分。“ 該品牌想要確保它給用戶的購買信心通過任何渠道,從線上到手機店內。 前有針對性地處理,霍恩比有一個長期的網站已被定制的,但它已不再適合目的。“它可以是一個很大的好處有東西只為你量身打造,但它意味著你未來的擴展有限,”弗萊徹說。 在原始網站建時,有鮮為人知有關如何正確地利用電子商務,所以將其添加於本來非常耗時和昂貴的。 使客戶有機會保留 弗萊徹解釋說,雖然以前的網站啟用電子商務,它有更多的在線目錄,人們可以購買從較能推動雙方商業和品牌互動的平台的感覺。   “從支付的角度來看,我們只是希望能夠創新。主要的原因選擇布倫特里的是,我想一個支付服務提供商,將供電計劃預購功能,“弗萊徹說。 “我們始終有一個巨大的量的預期範圍的公告,人們不顧一切地知道我們的新產品是在所有品牌的,所以這是必要的,消費者有信心,才能預購的能力在第一天的項目“。 讓客戶預先訂購的產品是主要原因部署布倫特里支付系統,並給出了一個網站巨大的推動在訪問和轉化率。 霍恩比使用外部機構基因商務部履行支付系統的定制集成,但是有一個內部團隊,看起來從營銷和設計的角度來看的網站之後。 “我們已經看到在轉換一個巨大的進步和交通的網站。對於轉換,我們正在尋找一個兩位數的改進,比去年同期的網上訂單,“弗萊徹說。 延伸客戶體驗 雖然該公司認為移動應用,它認為一個負責任的網站更適合這個品牌比移動應用程序。“最好的辦法是從一個點,而不是一個網站和應用程序後,分別找管理,”弗萊徹說。  “有可能是我們可以開發一些品牌的一些手機的具體項目。對於的Scalextric,例如,我們的應用程序賽車的控制技術,“他說,並指出了移動應用程序進行控制的Scalextric還允許用戶來衡量燃油水平,輪胎磨損和最快圈速時間的車,使品牌的經驗到不同的平台上。 讓客戶預先訂購的產品是主要原因部署布倫特里支付系統RWD “我們希望做的Scalextric盡可能方便人們搞著,”他說。 該品牌已經制定了獨立的權力基礎,這將讓所有的Scalextric模型,包括那些從20世紀70年代,從一個iPhone或iPad控制。“我們可以更緊密地接觸與網站,讓人們在最快圈速和東西,他們所做的方面競爭,”弗萊徹說。 該公司計劃在參與工作了很多,在未來一年,其推出的博客網站每個品牌和洞察到產品如何被創建。它也希望擴大其審查平台和社交媒體戰略。 “我們已經得到了這些標誌性品牌具有很大的歷史,而我的目標為在線的團隊是能夠創新的未來,以確保我們能夠支持的品牌,成長的家庭和辦公室都保持我們的愛好者和大眾 - 市場消費者開心,“弗萊徹的結論。 台北網頁設計,新竹網頁設計
    1. 台北網頁設計,新竹網頁設計