About Fun小編

該作者尚未填入任何詳細資訊
So far Fun小編 has created 4 blog entries.
  • Webcode解密

WebCode解密 – 網站設計? 網站前端? 網站後端?

常常聽到網站設計中的前端與後端是什麼呢? 網頁設計 - 指的就是【使用者】能夠看見的部分,包含網站視覺設計(Layout)、UI ( 使用者介面 ) 前端工程 - 指的就是【使用者】與【管理者】能夠使用的部分,包含UX ( 使用者體驗 )、前後台資料傳遞...等等。 後端工程 - 指的就是【管理者】能夠看見的部分,包含網站的管理後台、商品上架、ERP報表、會員管理...等等 網站設計、前端工程、後端工程 現行的網站架構當中,前端工程都是使用 HTML 以及 CSS 加上 javascript 鑽寫,後端工程最常見的是PHP與Javascript。 網站設計 和 前端工程,理論上兩者應是被分開的,但是因為有時專案小,兩者的重疊性較高,因此常常會被視為同一個工作,通常網站設計會先由設計師繪製出網站的Layout( 把網站整體架構圖像化,其中包含了介面設計(UI)與使用者體驗(UX) ),再以HTML及CSS把設計的畫面呈現在瀏覽器上,這是一個由圖面轉換為程式碼的過程,再加上javascript製作網站的互動功能,網站設計與前端工程的工作大致上到這裡告一段落,接下來會將程式碼交由後端工程師進行資料的串接。 後端工程,做法相當多元,目前大多數的網站後台都以 PHP 或 javascript 為主要語法,有些則會使用C+或C#,通常後端的工作主要是負責讓網站管理者能夠將網站資料透過簡單的介面輕易的編修網站內容,透過管理後台管理者能夠修改網站的圖文、上架商品、產生並查詢報表、管理會員...等等,許多功能都能夠透過後端程式達到需求,而要做到什麼程度的管理就要經由工程師與客戶詳細的討論囉! 設計與後端之間的構通橋梁 在APP( Application )尚未流行之前,網頁設計師將網頁切板完成後加上簡單的動態或是Flash動畫,便將檔案交由後端工程師進行資料串接,這也是為什麼設計常常與前端會被畫上等號,後來因為智慧型手機崛起,開始注重UI、UX的設計,網站不單單只是電腦螢幕瀏覽而已了,javascript的使用量也大幅地增加了,在這個轉變的過程中,前端工程師的工作也就這麼誕生了,前端介於設計與後端之間,負責擔任設計與後端的橋梁,實現設計的天馬行空並與後端的資料做串接,徹底實踐了前後端分離的任務,從此以後前後端都不會碰到各自的程式碼,也大大減少了一來一往共用程式碼而造成bug的機會囉。 如果您有其他想知道的問題 歡迎您到 聯絡我們  留言告訴我們你的問題,或是透過網站最下方的連結加入我們的 LINE [...]

By |2020-01-06T15:28:10+08:003 1 月, 2020|WebCode解密|在〈WebCode解密 – 網站設計? 網站前端? 網站後端?〉中留言功能已關閉
  • 設計小知識

設計小知識 – RWD響應式網頁

智慧型手機的崛起,使用者對手機版網頁的需求越來越多,最一開始的手機版網頁是透過JS的語法來判斷進入網站的裝置,如果是手機則進入手機板頁面,如果是桌機便進入桌機板頁面,對於原本就擁有桌機版網頁的業者來說,只要重新建置一個手機版的頁面即可達到擁有兩種版本的便利性,然而,隨著裝置的科技越來越進步,網站語法也跟隨著前進,進而衍伸出 RWD響應式網站。 什麼是RWD響應式網頁 ? RWD (Responsive web design),中文稱作:響應式網頁設計、自適應網頁設計、對應式網頁設計、回應式網頁設計,這種網頁做法是基於HTML5與CSS3的結合,使前端設計師或是介面設計師能夠在頁面設計時就能夠達成多介面的設計呈現,省去了前端設計師與後端工程師一來一回的繁瑣交流,這對於製作網頁上可說是一大福音啊! RWD最大的好處就是它透過設置畫面寬度做斷點,使網頁能夠達到各種裝置都能夠有最佳的瀏覽效果,進而提升使用者體驗,在這人手一機的時代,使用者能夠輕易的透過手機瀏覽網頁,是多麼方便的事啊! 關於RWD的介紹網路上有太多說明了,這裡就不再贅述囉! 可以參考看看維基百科的介紹 RWD 好處是什麼呢 ? 在過去的實際案件中,常常有客戶將RWD想像成兩個網頁,但事實上,它是將相同的網頁元素用CSS的語法使元素以不同的方式呈現在當前所使用的裝置上,這樣製作網頁的好處是,過多的網頁元素同時在一個頁面上,在載入時造成網路流量的負擔,如果同時在搭配上前端設計師巧妙的搭配CSS語法,減少實體圖片的使用量,更能大大提升網頁的讀取速度喔,這也能讓SEO大大的加分呢! 製作網頁的用意不外乎就是想讓使用者、消費者能夠快速的找到我們,通常自適應的功能在有預算的情況下,我們會設計兩套介面(桌機、手機),基本上這已經足以符合一般大眾所使用的裝置囉!(可能僅有一些特定的裝置會有較不易瀏覽的狀況),若您的預算允許,且對畫面要求極高,更能夠另外針對平板、大螢幕、舊型的小螢幕做設計,讓網站在任何刁鑽的裝置上都能無障礙的顯示,當然也是可以的啦 XD,只是這不只製作成本增加,也同時會增加維護網站的難度,就需要再考慮斟酌囉! 除此之外,現在Google在SEO的條件當中,也把是否符合行動裝置使用納入評斷搜尋排行的評分標準,所以若是您的網站不適合在手機上瀏覽的話,是會被Google點名作記號的喔!相對也就會影響網站在搜尋上的排名了。 如果您有其他想知道的問題 歡迎您到 聯絡我們  留言告訴我們你的問題,或是透過網站最下方的連結加入我們的 LINE 或是 粉絲頁,FUN小編都很樂意為您解答疑問喔!

By |2019-11-28T07:04:10+08:0028 11 月, 2019|設計小知識|在〈設計小知識 – RWD響應式網頁〉中留言功能已關閉
  • 設計小知識

設計小知識 – 設計外包

最常見的外包設計案件 1. EDM、banner:電商必備製作物。 2. 動態banner:網路平台小廣告,增加曝光度必備。 3. 企業形象網站:產品固定,不需時常更新最合適。 4. 電商網站:技術較複雜,交給設計公司更安心。 5. 企業識別:如名片、LOGO、信封、公文封...等。 6. 企業商品型錄(DM):年度型錄也是很常出現的設計案件喔! 為什麼選擇外包? 如果您的公司不是常態性的需要設計物品,可能每隔一兩周或一兩個月暫時性的有設計需求時,要請一個設計師對公司實在是一個大負擔,將您公司的設計需求交給設計公司接洽,不僅能夠有品質有效率地完成您所需的設計需求,也不需要重新培訓一個新的人才,若是長期合作,雙方建立了默契,也能讓事情事半功倍呢! 如果您的預算有限,套版網站客製化是您最好的選擇 所謂的套版網站,就是wordpress、wix這類的套件網站後台,如果你本身有網站設計基礎,也可以透過套版網站製作一個自己的網站,而透過我們客製化的差異在於,節省您研究套件平台的時間,賦予套版的網站更多變化,更精準使用適合您的功能,幫您規劃前後台流程,設計UIUX...等等,網站設計要做的功課很多很多,透過我們的網站設計經驗,能夠穰您節省更多時間人力,而達到最好的效果,這就是我們最主要的服務項目。 如果您想對放肆設計有更深入的了解 網站裡面有對各設計項目更多深入的簡介,我們規劃出一些較常見流程簡介,將它做成表格供您了解更多且讓您對自己的網站流程有更進一步的概念。 網站設計規劃、平面設計規劃、室內設計規劃

By |2019-11-06T09:24:38+08:0030 10 月, 2019|設計小知識|在〈設計小知識 – 設計外包〉中留言功能已關閉
Go to Top