PIXNET Logo登入

華喫內的部落格

跳到主文

歡迎光臨華喫內在痞客邦的小天地

部落格全站分類:生活綜合

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 4月 19 週二 201611:42
  • <<不可不推>>推薦台北前十大網頁設計公司!!


一直以來對於網頁設計這塊都有小點研究的我,最近因為我的朋友新開了一間公司想要做網站,
所以就托我去幫他看看那間網站公司不錯!!
(繼續閱讀...)
文章標籤

華喫內 天地 發表在 痞客邦 留言(52) 人氣(43,271)

  • 個人分類:不可不推
▲top
  • 2月 04 週二 202013:53
  • RWD網頁設計:適應不同尺寸產生的網頁布局變化




 


是否困惑過,要如何將大量的資訊放在頁面上,能夠使瀏覽者清楚地吸收資訊又同時符合RWD網頁設計技術的變化呢?
這肯定是許多網站規劃者頭痛的部分,就讓網頁設計師為您解說不同尺寸的畫面編排,有什麼差異性以及需要注意的地方吧!


小編從天矽網頁設計師那蒐羅了幾個客戶常問的問題,例如:為何我的畫面在手機長這個樣子?為什麼桌機和手機的畫面有差異?手機畫面我要放這先資訊沒辦法呈現嗎?


 


行動優先V.S建置RWD網頁設計的邏輯性:


思考方向1-行動優先(Mobile First):初步規劃網站時,建議從小螢幕開始思考,因為需要先考慮資訊量的取捨,之後逐一放大尺寸,慢慢地把元素加進來。


思考方向2-RWD網頁設計:以網頁使用者為考慮方向,若貴司的使用者主要會是在電腦上使用,規劃時,可以考慮大螢幕多一點;若主要是在行動裝置上,就多加考慮手機螢幕上的呈現方式。


 




 

RWD網頁設計為什麼呈現畫面不一樣?


依據上述可以得到,根據尺寸大小的不同,所裝載的資料量會不一樣。大螢幕可以放較多東西,小螢幕能裝載的則有限。面對這樣的限制,網頁設計師在畫面規劃上,會進行簡化或捨去的動作。


 


畫面變化範例:


九升科技(桌機/筆電尺寸)


編排方式:資料量多(六個區塊),兩欄式編排。





 

 


九升科技-手機尺寸


畫面變動如下:


1. 收合主選單

2. 手頁banner換尺寸

3. 所有區塊整併成一整條

4. 產品改成上圖下文呈現




為了因應不同尺寸上呈現最好的排版,在設計時,網頁設計師或是網頁規劃者,應該考慮不同裝置時所呈現的樣子。而製作時也須了解,在不同裝置的變化上,有些過於複雜或是資訊量過大的區域,在小裝置上被簡化或捨去是必要的,這都是為了讓網頁在什麼情況下都能夠清楚的呈現。


 



《本文出自:天矽科技 客製化網頁設計》


(繼續閱讀...)
文章標籤

華喫內 天地 發表在 痞客邦 留言(0) 人氣(67)

  • 個人分類:RWD自適應網頁設計
▲top
  • 12月 06 週五 201910:20
  • 天矽專案經理告訴你,網站決勝的痛點

很多家長都怕小孩輸在起跑點上,那很多老闆們也是會怕企業網站會輸在Google的這個馬拉松的世界裡,接下來就讓資深的專案經理來告訴你,網站決勝的痛點…

天矽專案經理告訴你,網站決勝的痛點


 


痛點一、 選擇客製化,讓您出神入化


一個網站經過客製化設計師的洗滌,在網站主視覺的切入點,馬上就能抓住客戶眼球的停留時間,抓住眼球不夠更是要抓住客戶的靈魂,所以一個為了企業形象風格客製化的設計就是網站決勝的痛點之一。


 


痛點二、 長期維護,主機保固,資安守護


網站做好丟在網路上,久了就變成了網路孤兒,小孩需要我們培養及愛護,那網站亦是如此,需要長期的去經營以及去維護它,讓它可以跟上最新瀏覽器的潮流;主機的選擇百百種,一家上市的且獨門專業穩定的主機廠商就顯得格外的重要;資訊安全的守護不是喊喊口號就夠了,是需要每周確實的弱點掃描以及資安檢測來把關您的網站。


 


痛點三、 選對客製化廠商,網站決勝桑~桑桑


天矽科技在客製化廠商中是全台北前十大,除了擁有二十三年的架站經驗之外,所服務的客戶更是超過千家,長期維護的客戶更是不下數百家,是經得起時間考驗的客製化網頁設計的廠商,客戶使用超過了十年以上的網站還是覺得客製化網站為當年作品中之經典,所以選擇天矽,是您最對的選擇!


 


做一個客製化的網站所創造出來的價值絕對超過所付出的費用,一個穩定健全的公司,所創造出來的組織文化風格及信任,更是一般小公司、工作室難以取代的,相信瀏覽完以上的內容,你會對網頁設計這個產業更加理解。


 


《本文出自:天矽科技 客製化網頁設計》



(繼續閱讀...)
文章標籤

華喫內 天地 發表在 痞客邦 留言(0) 人氣(115)

  • 個人分類:RWD自適應網頁設計
▲top
  • 10月 17 週四 201914:43
  • 網站上線前你必須要做的事(1)-申請網址

網站上線前你必須要做的事(1)-申請網址


終於完成網站建置了,在網站上線前,必須幫您的網站找到住家(網站空間),並給它一個聯絡地址(申請網址)。



網址又稱網域名稱、網域、域名,可以把它解釋為網站的地址,每個網站的網址都是獨一無二的,必須透過註冊申請才可以使用。


 


網址結構如下圖:





 

什麼是次級域名?


建議命名方式簡單易懂,例如公司的英文名稱或是具代表性的詞彙等等。


 


什麼是頂級域名?


可以想成是一種對網站的分類,例如:



























頂級域名



分類



.com



公司行號



.org



非營利組織、機構、團體



.edu



學校



.gov



政府機關




 


網址命名對於SEO的影響?


想做好網站的SEO優化,從選擇一個好的網址(網域名稱)開始。



  1. 簡短易懂的網址:比較容易記憶,複製與傳播。

  2. 具備描述性:使用者看到網址能夠大致明白該網頁的內容是關於什麼。

  3. 具備關聯性:網址名稱和內容互相呼應,有助於使用者體驗的提升。




 


怎麼申請網址?


台灣負責管理網址的機構是財團法人台灣網路資訊中心(TWNIC),可以在TWNIC的網站上查詢你想要的網址是否已被申請走、被誰申請走。查詢方式請點我。


但TWNIC已不受理申請,必須向TWNIC授權的註冊機構辦理,例如:


遠傳:http://rs.seed.net.tw/


網址中文:https://www.net-chinese.com.tw/nc/



(繼續閱讀...)
文章標籤

華喫內 天地 發表在 痞客邦 留言(0) 人氣(13)

  • 個人分類:
▲top
  • 10月 05 週六 201915:21
  • 透過視覺設計提升網頁轉換率的3件事

透過視覺設計提升網頁轉換率的3件事

身為設計師設計出華麗而吸引人的網頁相信不是一件困難的事情,但網站最重要的任務是與使用者做雙向溝通,進而提升網頁轉換率。如何透過視覺設計提升網頁的轉換率呢?我們可以這麼做:


透過視覺設計提升網頁轉換率的3件事


一、清楚瞭解客戶製作網站的想法與目的


除了網站規劃師與客戶,設計師也要清楚瞭解客戶製作網站的目的與想法,瞭解需求能幫助設計師製作出貼近客戶期望的設計。


二、利用視覺設計傳遞正確資訊


以一個期望透過網站提升產品銷售數的購物平台來說,在設計規劃上,我們必須正確傳達這個網站可以買到什麼樣的商品,如何購買並確保整個購物流程是順暢無阻的。


三、人性化的操作設計


現今透過行動裝置拜訪網站的人已經超越電腦了,在設計上加入行動裝置也能輕易瀏覽與操作的規劃,讓使用者透過行動裝置也能無負擔的瀏覽網頁。


總結以上,在網頁視覺設計時,設計師必需先瞭解客戶建立網站的目的,透過視覺正確傳達網站資訊以及人性化的操作來提升使用者與網站的黏著度和轉換率。



(繼續閱讀...)
文章標籤

華喫內 天地 發表在 痞客邦 留言(0) 人氣(7)

  • 個人分類:
▲top
  • 10月 04 週五 201915:01
  • Google+明年八月即將關閉,誰會受到影響呢?!

Googe+明年八月即將關閉,誰會受到影響呢?!

號外──!Google在今年十月初時,宣布了一件讓人嚇到吃手手的消息-Google+將在明年八月Say Bye Bye。


 


Google 的社交平台 Google+ 原來在今年 3 月發生了一次嚴重的用戶資料外洩事故,可能導致50萬名用戶資料外洩,促使Google決定關閉一般用戶版Google+(企業版還在喔~)以及緊縮資料共享政策。


 


關閉的另一個主因,是因為Google+用戶使用低迷,甚至90%用戶持續停留使用時間幾乎不超過5秒,因此Google決定關閉此項過去曾經希望用來與Facebook等線上社群服務競爭的產品。


 


然而這項決定的宣布,其實將影響往後第三方使用者。此事要怎麼說呢?讓天矽設計團隊說給您聽。




 

 


Google+關閉,誰被影響了?


1.社群平台:利用社群平台曝光是現在最流行的行銷方式,像是分享文章至fb案讚拿商品等行銷手段,但Google+關閉後將少了一個曝光平台。


 


2.會員登入:有些網站會員會與其他社群帳號做連動,例如使用Facebook登入或是Goolge+登入等,未來將少了Google+登入的方式。


由於Google帳號與Google+強制綁定很多功能,若是有許多登入帳號是綁定在Google+的客官,趕緊的去備份資料吧!廢話不多說了,廢宅小天要去把遊戲帳號備份出來了!



(繼續閱讀...)
文章標籤

華喫內 天地 發表在 痞客邦 留言(0) 人氣(10)

  • 個人分類:
▲top
  • 10月 02 週三 201914:03
  • 勾選Google reCAPTCHA 我不是機器人阻擋垃圾信件網路安全

勾選Google reCAPTCHA 我不是機器人阻擋垃圾信件


網站不想收到垃圾信件?


想要避免惡意程式攻擊?


為了維護網站世界安全和平,您需要使用「我不是機器人」做驗證。
 




 

你曾經遇過上面這個驗證方式嗎?


你曾經遇過上面這個驗證方式嗎?


你是否也跟我一樣在心裡發出了這個疑問:「為什麼只需要點一下,Google 就知道我不是機器人呢 」?


一切的一切,都需要從「驗證碼」(CAPTCHA)開始講起。
 


什麼是CAPTCHA?什麼是 reCAPTCHA?


我們來說明一下,何謂驗證碼。


CAPTCHA 中文俗稱為驗證碼,主要用於區分「人」跟「機器人」,這些扭曲的文字用於防止有心人士一次寄送大量的垃圾郵件,以及黃牛用電腦程式搶佔演唱會與運輸工具的票卷。


網站數字驗證碼曾經風光,卻因為越來越難以識別、易於破解,並且造成使用者因為驗證碼過於複雜而離開網站。


有鑑於此「Google reCAPTCHA我不是機器人」驗證系統就此誕生,用戶只需勾選「我不是機器人」這個選項即可。


而通過用戶在點擊勾選前的滑鼠軌跡,便可辨識出「是人還是機器在操作」。




(繼續閱讀...)
文章標籤

華喫內 天地 發表在 痞客邦 留言(0) 人氣(647)

  • 個人分類:網頁資訊安全
▲top
  • 3月 12 週二 201915:56
  • 網站建置要點篇-B2B商業型網頁設計



前言:
新年開新單元,本次網站建置特輯,將會為各位看官提供網站建置的小知識,接下來小天將會以行業別來做介紹喔~ 
 
本次的主題是介紹B2B商業型網頁設計,我們常聽到B2B,但B2B到底是什麼?
B2B 為英文縮寫business-to-business,也稱「企業對企業」,指的是企業間透過電子商務的方式進行交易,B2B著重於企業間網絡的建立、供應鏈體系的穩固。
擷取至維基百科https://zh.wikipedia.org/wiki/B2B
 
關於B2B網站在發想規劃上,應該用什麼角度去思考比較好呢?應該要用什麼配色來呈現風格呢?區塊規劃怎麼擺放比較流暢呢?
一般使用者瀏覽網站時,網頁設計呈現的好壞會影響他們對該公司的品牌信任感,所以第一次使用網站的經驗,是非常重要的喔!
提供的訊息必須是最即時且正確的,才可以馬上建立與使用者的信賴感。
那麼,我們該怎麼做?
(繼續閱讀...)
文章標籤

華喫內 天地 發表在 痞客邦 留言(0) 人氣(14)

  • 個人分類:
▲top
  • 2月 22 週五 201913:55
  • 網站建置要點篇-B2C網站設計

b2b&b2c的比較

前言:
開始介紹B2C網站設計前,我們先來了解一下什麼是B2C?
B2C(Business to Consumer)就是商家(企業)透過網路銷售產品或服務給個人消費者。
例如:淘寶、樂天、亞馬遜或個人商家等目標對象為一般大眾的網站平台。

B2C與B2B有什麼差異呢?
啊糟了,我其實是要做B2B網站,那麼麻煩客倌請點擊傳送門:
(相關連結:網站建置要點篇-B2B商業型網頁設計)
 
那麼B2C網站建置究竟要注意什麼?
本次的主題介紹將會以3個方向討論:
1.B2C區塊規劃
2.B2C 畫面呈現
3.B2C其他注意事項
(繼續閱讀...)
文章標籤

華喫內 天地 發表在 痞客邦 留言(0) 人氣(41)

  • 個人分類:RWD自適應網頁設計
▲top
  • 1月 16 週三 201916:03
  • 關於SSL數位憑證的543

一、SSL是什麼?
SSL的完整名稱為「SSL數位憑證」,是網際網路的一個安全標準,用於加密用戶與網站間的數據傳輸。
當網站加裝 SSL 數位憑證,網址列會由預設顯示的 HTTP,改為 HTTPS,這多出來的S,代表的就是Security囉。
(繼續閱讀...)
文章標籤

華喫內 天地 發表在 痞客邦 留言(0) 人氣(56)

  • 個人分類:網頁資訊安全
▲top
123»

個人資訊

華喫內 天地
暱稱:
華喫內 天地
分類:
生活綜合
好友:
累積中
地區:

文章分類

  • 網頁資訊安全 (2)
  • RWD自適應網頁設計 (4)
  • 新發現 (2)
  • 不可不推 (7)
  • 未分類文章 (1)

文章精選

文章搜尋

留言板

最新文章

  • RWD網頁設計:適應不同尺寸產生的網頁布局變化
  • 天矽專案經理告訴你,網站決勝的痛點
  • 網站上線前你必須要做的事(1)-申請網址
  • 透過視覺設計提升網頁轉換率的3件事
  • Google+明年八月即將關閉,誰會受到影響呢?!
  • 勾選Google reCAPTCHA 我不是機器人阻擋垃圾信件網路安全
  • 網站建置要點篇-B2B商業型網頁設計
  • 網站建置要點篇-B2C網站設計
  • 關於SSL數位憑證的543
  • RWD 響應式網頁設計是什麼!?

熱門文章

  • (11)久遠了網誌~
  • (43,271)<<不可不推>>推薦台北前十大網頁設計公司!!
  • (81)GOOGLE也會幫你慶生!!
  • (76)大大們,如何讓大家容易找到我的網站呢?
  • (167)什麼是響應式(自適應)網頁設計RWD?
  • (20)製作網站的優點
  • (36)網頁設計必須要的專業技術
  • (258)客製化網頁設計V.S套版網站
  • (165)電商行動平台要選擇RWD或App
  • (94)雙11購物節等於掌握商機

參觀人氣

  • 本日人氣:
  • 累積人氣:

誰來我家