Katie
視覺設計
iWare的視覺設計,喜歡用視覺發言、講故事,堅信「設計無論好壞要有自己的味道」。 喜好小說、電影、音樂...一切能提供幻想元素的事物;同時也是一位膽大心細的犬展指導手。
Katie
Sep 20, 2017
濾鏡的應用
某天,收到一項客戶的設計需求,說,喜歡"溫馨、人文,甚至帶點文青風"的感覺,所以官 網的設計風格希望走這個方向,也因此決定了在圖像上的選擇將有所不同,處理手法也將與眾 不同。    考慮到產品本身,當時"時間迴廊"是其中一個印入我腦海的詞彙,為了確定心中所想的念頭 ,閱覽了各種與其有關的攝影、平面設計等等的資料,以直觀的方式解析關於"時間"的表現 方式,也因為這樣,再一次體...
read more
Katie
Dec 08, 2014
各國超有創意的平面廣告
平面設計雖然跟網頁設計是屬於不同的領域,但其實是有共通之處,就是需要運用設計師的創意,製作出滿足客戶的作品,有些可以令人留下印象深刻的效果,有些則可以促進企業的形象,或是製造買氣帶動商機。 以下我們分享幾個幽默趣又令人印象深刻的設計作品吧! ▲巴西的FedEX廣告,從中國到澳洲只有一窗之隔 ▲美國健力士(GUINNESS)啤酒,關掉手機享受生活 ...
read more
Katie
Dec 01, 2014
五個讓網站看起來老氣的設計
到了2014年,是否有考慮將公司的陳年網站改版呢?有一些網頁設計老舊的概念,您不應該沿用下去,以下就是五種常見的老舊網頁設計形式: 開場影片 早期網頁設計的會很專注於設計一個非常酷炫的開場影片,希望可以給客戶留下深刻的印象,不過當今已經沒有網站這麼做了,為什麼呢? 事實上,大部分的人會選擇「跳過動畫」,或甚至關閉掉整個網頁,讓網站失去接觸客戶的機會。甚至,還有瀏覽器的AP...
read more
Katie
Sep 27, 2013
電子商務龍頭Shopify網頁設計比賽作品
在歐美相當具有知名度的網路開店服務商shopify.com今年舉辦了一次十分特殊的網頁設計比賽,從比賽的得獎作品中,也可以窺見電子商務於網站視覺設計的趨勢。 已經超過7萬家店舖的shopify在歐美的網路市場上佔有一席之地,除了便利的商店申請手續外,最為人津津樂道的就是快速的開店系統,以及千變萬化的網頁設計版型風格。這一次獲得優勝的前三名作品與評審的觀點分別為: Whipping Po...
read more
Katie
Jun 04, 2013
最新Faceboo粉絲頁常用圖片尺寸
新版的Facebook網路粉絲頁面已經問世了好幾年,相信大部分的人都已經十分熟悉這樣的介面。不過板主經常會為了更換網頁主圖而傷腦筋,因為粉絲網頁設計圖片的尺寸有分為很多種型態,如何才能取得最棒的視覺效果,請參考以下的說明: Cover Photo (851 x 315) 粉絲頁面的首頁,是粉絲頁面中最主要的視覺頁面。請注意這個Cover Photo不僅有大小的限制,還會與Pro...
read more
Katie
Mar 21, 2013
2013年網頁設計色彩趨勢
2013年的網頁設計,除了頁面的技術除了納入手機、平板的元素外,連設計的色彩也有了一些微妙的改變。以下是幾個十分值得學習的色彩設計趨勢與各位分享:   1. 灰階搭配高彩度 這是一個過去使用得不多,但近年卻非常流行的視覺設計技巧。這個範例中,網頁僅用了數個簡易的高彩度區塊,就能夠呈現出網頁設計師,想要展示出網頁最重要的資訊區域。 如果設計師的功力足夠,可以搭配...
read more
Katie
Mar 18, 2013
針對色盲者網頁設計的三個方針
色盲人口比你我想像的還要多 根據統計,12個人中就有一位色盲的人口。色盲者使用網路時也會遇到些許障礙,最常見的問題就是網頁若使用彩色文字做為超鍊結的指標,色盲者往往就會錯過這樣的資訊,漏失了重要的訊息。 因此一個無障礙的網頁設計時,最好也要將色彩與色盲者的需求考慮進去。一般來說設計色盲者的網站重點有: ※ 白底黑字辨識度最高。重要訊息的文字都應該使用黑白兩色。近年黑底白字的主流網...
read more
Katie
Apr 08, 2013
15年Apple公司網頁設計演進史
15年來蘋果公司從無數的營運危機,到今日成為科技界的霸主,中間有太多太多的故事可歌可泣,但相信比較少人留意著蘋果公司的網頁設計演變史。接著我們簡單的用幾張圖片,來回顧一下蘋果公司的網頁設計變遷歷史: ▲這是1997年時蘋果的網站,與當年時下多數網站差不多,多以文字為主。   ▲ 1998年蘋果公司推出了革新的個人電腦iMac,以及十分炫亮的iBook兩個主軸產品...
read more
Katie
Nov 30, -0001
2013網頁設計趨勢:延續與進化
2012的網路設計趨勢:符合行動族群的回饋式網頁設計、融入社群的網頁設計等,都已經被充分的融入於新設計的網頁中,事實證明這樣的設計方向,沒有使用平台限制、瀏覽更便捷、速度更快都是符合趨勢與潮流,因此2013年勢必仍會朝著這樣的方向邁進。 然而除了去年的趨勢延續外,還有幾個可能的方向值得我們十分的關心:   1. 經濟、簡化的網頁設計   2...
read more
Katie
Nov 19, 2012
融入智慧手機視覺效果的網頁設計案例
智慧手機改變了人類使用科技的習慣,成為人們生活中,如同電視、電燈、汽車一樣普及的產品。 智慧手機給予人們科技、創新、靈動、無遠弗界、情報一手掌握等鮮明印象,因此許多企業,都希望客戶使用智慧週邊進入網站,提供他們更便捷的服務,也在網頁設計上添加了智慧手機、平板電腦等元素於視覺上,讓客戶覺得「原來我可以這麼做阿」的深刻印象。 至於什麼樣的產業,適合將手機相關的素材放置於網路上: 通訊...
read more
Katie
Sep 19, 2012
從1990年至今的網頁設計演變(下)
1990年前的網頁設計中,傳統的HTML遇到了很多問題,對設計師來說每一頁的視覺效果不易整合使網頁凌亂的情形普遍,直到CSS的問世後得到了根本的改善。   2000年:CSS的崛起 CSS讓網頁設計跟內容得以分離,此外CSS對於網頁外觀的控制優於HTML本身,使得網站看起來更為整合。 CSS可以一統整合網頁的背景色彩、字體大小、字型、圖片分距...都可以透...
read more
Katie
Jul 09, 2012
神似蘋果的網頁設計
先前曾與大家分享過品牌巨人Apple蘋果電腦的網頁設計,一直是網頁設計師最喜愛參考的個案之一,不過也是有些公司學習蘋果的網頁視覺效果,用於自家的產品網站。 以下我們收集了一些網路上網友熱烈討論的幾個網站與大家分享: 這款是數年前知名線上遊戲《征途2》的網頁,引起了很大的話題。雖然畫面與文字的描述似乎有很大的出入,不過現在的網頁已經不是這個樣子了。 ...
read more
Katie
Nov 01, 2013
繽紛彩色網頁設計範例
先前我們介紹了暗色系的網頁設計範例之後,得到了不少點擊迴響。除了暗色系或無色的設計外,也有十分喜愛繽紛色彩的公司,大膽的混色、對比、光影的變化下,打造出來令人喜愛的頁面。 我們列舉了一些國外知名的品牌的網站,所設計的繽紛色彩設計樣本: WeareHughes.com Havaianas.com PixelCool.com CuriousGene...
read more
Katie
Feb 21, 2013
Facebook的封面自訂技巧與經典設計
今天要與大家分享一個非常實用的設計資訊,那就是:Facebook的Timeline時間軸封面設計該如何設計? 自從Facebook於2012年,全面改用了Timeline時間軸的方式來呈現個人與粉絲頁面,各界的評價不一,但其中極受好評的,就是時間軸的封面(Cover)自訂功能,使用者與粉絲經營者不再局限於正方形圖塊,而有更廣大的揮灑空間可以發揮創意。 自訂封面不難,只要選擇圖片檔案即可...
read more
Katie
Jan 18, 2010
Flash與傳統網頁設計差異比較表
近年馬路科技接下了許多高知名度的品牌網頁設計案件,其中不少客戶對於網頁設計中,Flash技術與傳統網頁技術仍有一些不解之處,因此馬路科技整理了一個表格,希望可以提供一個比較參考。     Flash 一般網頁、程式網頁 開發工具 Adobe Flash Adobe Photoshop、D...
read more
Katie
Sep 08, 2011
網頁設計中的特殊需求:公仔人物與吉祥物
你我生活中,總是會看到一些出的商業設計,其中形形色色的公仔人物與吉祥物,是十分搶眼的存在。舉例來說:歷史悠久的大同寶寶、7-11超商的OPEN醬、上海銀行的小豬寶寶...等,各行業中都可以看到商業形象人物與吉祥物,對於企業形象的深遠影響。 設計公仔與吉祥物是一項原創性極高的工作,設計師有時得從鉛筆繪製草稿開始,接著開始構圖、溝通、上色、定稿等工作,中間還得經過溝通與重新設計,需要大量的心力。...
read more
Katie
Mar 14, 2012
暗色系的網頁設計欣賞
暗色的形象:神秘、質感、高貴 許多國際知名的網站,都是以亮色系為主要的網站基底,從科技龍頭Apple、購物龍頭Amazon、社群龍頭Facebook都是以明亮色系為網站的主要配色。 那麼,暗色的網站是否就沒有發揮的餘地呢?其實暗色系的品牌形象,經常被用於:頂級汽車、珠寶金屬、藝術設計、以及需要強烈品牌形象的網站,都非常適合暗色系的網頁設計。 暗色的網頁設計特色,在於字體以高亮度的...
read more
Katie
Mar 21, 2013
網頁設計師必看,超可愛貓咪版字型風格圖
身為網頁設計師都知道,字型對於網頁的呈現有決定性影響,我們之前也寫過了許多篇關於2012年的網頁設計趨勢中,也提到了字型將會是今年網頁設計者需要學習與研究的要點。 不過什麼樣的字型,就有什麼樣的個性,如果用貓咪的方式來呈現,那還可真是史上首見!剛剛朋友寄給了我一篇「貓咪版英文字型」的對照圖片,大家可以看到不同字型下所代表的貓咪,有些古典、有些新潮、有些給人強烈的視覺感受... 當然,這...
read more
Katie
Dec 12, 2011
Pantone發布2012年表色:探戈橘
每年設計界,同時也是色彩界的權威:Pantone公司都會按照慣例,發表年度的代表色彩,而這不僅是網頁設計界的極佳參考,更是所有視覺設計產業十分矚目的訊息。 今年的代表顏色究竟是什麼呢?答案是「探戈橘」(Tangerine Tango)這個色彩,根據Pantone的介紹為:溫暖的色彩,帶者戲劇化的成份,能夠刺激視覺感官的神奇感受,是一個能夠散發出能量的色彩。 這個色彩的應用如同其他的色彩...
read more
Katie
Sep 08, 2010
一個簡單動畫,所引來的網頁設計爭論
最近網頁設計人的熱門話題,是一個來自於台北設計展的官方網頁內容。這個網站基本上的呈現十分的不錯,但有一位網路知名的部落客,卻發表了一篇文章批評這樣的設計很爛,原因只有一個:他的iPhone手機無法開啟這個官方網站的Flash動畫。   這樣的評論引起了網友正反兩方的論戰,因為一直以來,網頁設計與Flash(網頁動畫設計工具)的關係十分密切,可用形影不離來形容,不過,這...
read more
Katie
May 23, 2011
看看Twitter、Google、Facebook早年的老氣網頁設計
曾經,他們也是網路新手 Twitter、Google、Facebook這一些我們生活中早就已經熟悉到不行的網路服務龍頭商,也曾經有過十分可笑的網頁設計造型。當年的網頁設計技術不像今日既豐富又多變,大多只能用十分單調的元素來做設計。 Twitter那怪異的綠色Logo造型真的讓人不敢恭維,與今日形象圖案的藍色小鳥相比真是差太多了! Facebook看...
read more
Katie
Sep 07, 2011
網頁設計參考網站分享:Apple
一直以來,馬路科技與客戶配合的經驗十分豐富,也接手過各種大大小小的網頁設計案例。但不論哪一種客戶來訪,我們通常第一個想問客戶的問題就是:「您的網站想要什麼樣的風格」或是「有沒有哪個網站讓您看起來特別的欣賞」。 因此,我們整理了許多客戶心目中覺得十分完美的網站,與大家分享一下不同的產業、不同的網站之間有何差異,希望能夠讓千頭萬緒的客戶,能夠與我們一起欣賞網站,找到網站設計的趨勢與特色。 ...
read more
Katie
Feb 18, 2014
四個省錢的網頁設計妙招
很多初次尋找網頁設計的企業,對於網頁設計的價格並不清楚,因此經常會聽到製作的成本從數萬元到數十萬元的報價,十分的混亂。對於預算十分有限的中小企業來說,數十萬元的網站並不實際,畢竟對於單純的中小企業來說,網站只是棄業的資訊提供平台,而非主要的業務與收入來源。 以下我們提供了幾個可以節省費用的訣竅,希望可以協助中小企業打造出小而美、小而省的企業網站。   1. 使用...
read more
Katie
Nov 13, 2012
3D視覺感的網頁設計
一般的網頁設計都是2D的元素,不過視覺設計師只要透過一些特殊的視覺技巧,就可以打造出多重層次、具有立體感覺的3D感網站。 從下面的範例可以看得出來,大部分的公司網站,只要充分的利用色彩學的原理,外加上一些簡易的點綴例如:陰影、漸層、色差...等方式,就能夠打造出十分多層次的網站出來。此外,利用了一些幾何向量圖形的方向、寬度、色澤,也能夠夠營造出3D視覺的幻覺。   與平...
read more
Katie
Sep 03, 2013
一頁式的網站設計如何帶動企業形象?
魅力無窮:一頁式網站 現今網站的製作日益龐大,許多企業都希望企業網站能夠包山包海,將所有的資訊都放在官方的網站中,然而國外近年吹起了一陣「一頁式網站」的旋風,就是與傳統架構龐大的網站大異其趣,用不捲動的畫面,營造出具有獨特功能、親和力高的網站。 一頁式的網頁,強調的不是大量的資訊,而是比較像是廣告般的宣傳手法,基本上需要更多的設計元素在內,才能夠讓使用者與原本網站的感覺做出區隔。因此,...
read more
Katie
Nov 14, 2011
網頁設計師下的404錯誤
自從1990年Internet推出了WWW到今天以來,網頁的錯誤總是十分的難免。其中又以404(找不到網頁)這樣的訊息最為常見。不過大部分的網頁只會出現制式的錯誤訊息,稍後我們會分享一些,世界頂級企業所設計的網頁中,所看到的不同錯誤訊息畫面。 雖然出現了網頁錯誤,是一個網站服務不穩定、或是設計不當的一個警訊,不僅對於瀏覽者會覺得不悅,搜尋引擎也會認為網站欠缺維護而會降低網站的分數,間接會使搜...
read more
Katie
Mar 03, 2011
2011年網頁設計的4大趨勢
沒有什麼行業比網頁開發設計師更刺激了,從早年需要大量專注於圖形的純網頁開發,到今日各項新的技術逐漸展露頭角,可以肯定的是網頁設計這個行業,直到退休為止,每年都會有很大的變化。 以下是Jacob Gube預測2011年的網頁設計趨勢   專為行動裝置設計的網頁 行動上網裝置的崛起大約是這兩年的事情,隨著廠商的加速下,這樣的網站需求受到了高度重視。然而大部分的公司都還...
read more
Katie
Nov 30, -0001
2011年網頁設計趨勢
網頁設計師與網頁程式開發師的界線已經越來越模糊了,過去以來這兩個工作各有明確的界線,5年前的網頁設計師只要專注於風格,程式開發者專注於程式即可,然而隨著網站的發展,使用者要的不僅是好用美觀的網頁設計,也要功能齊全的互動功能。沒錯,2011年的網站的主軸絕非美觀,而是功能。   在2011年如何成為優異的網頁設計師?並非做得出最絢麗的視覺,而是如何將各種現今的需求糾結成為一體,並且帶給...
read more
Katie
Jan 04, 2011
Pantone 2011年的代表色
只要對於色彩十分講究的視覺設計師,一定都會有一本Pantone公司所推出的色彩參考書籍。也由於Pantone對於顏色的詮釋十分的精準,因此許多產業指定使用Pantone所推薦的色彩,舉例來說,在日本就有Pantone色彩手機,而美國則有Pantone的服飾,可見應用於日常生活之廣泛。 每年,Pantone也會推出年度的代表顏色,例如2010年的色彩是15-5519(海洋藍),視覺上的...
read more
Katie
Mar 19, 2010
完型心理學與視覺設計(上)
今天要和各位分享的是網頁設計中 屬於視覺設計部分,完型心裡學中 與視覺設計較為有關的議題 Gestalt這個字源自德文,它有兩種涵義:一是指形狀(shape)或形式(form)的意思, 也就是指物體的性質;另一種涵義是指一個具體的實體和它具有特殊形狀或形式的特徵。 「完形」心理學派是以Gestalt作為其理論之主軸,他們認為人類對於任何視覺圖像的認知, 是一種經過知覺系統組織後的形...
read more
Katie
Jul 30, 2010
視覺錯視概念分享
設計學當中有提到 一種視覺錯視的藝術,今天要和大家分享的就是關於視覺錯視的一些基本的概念 與欣賞 視覺錯視藝術 錯視藝術約於80年代面世,但當中所運用的技巧卻源自中世紀時期,即使Leonardo da Vinci(達芬奇)亦是使用這種繪畫技巧。」 錯視藝術(Optical Illusion Art) 大概是以平面圖的明暗、色彩變化、色彩對比及或透視效果令觀眾產生一種視覺上錯覺的效果...
read more
Katie
Mar 12, 2010
網頁設計概念-台北立勝升學文理補習班
台北立勝升學文理補習班系 捨棄一般生硬、冷硬的觀感,以手繪且自創的人物繪稿穿插其中,整個網站有如一個故事,一個場景,運用鮮活的色彩與筆觸使氛圍更加活潑,取而代之的是輕鬆愉快的感受.但除了「感受」是網頁設計的一個重點之外,網站內容的規劃也不能小覷,首頁的FLASH動畫分為上下學期,時時鼓勵著同學,期勉大家一起努力. 除此之外,內容部分也同樣用心,以手繪繪製出老師們的代表圖,讓同學...
read more
Katie
May 28, 2010
網頁設計的對比原則
網頁設計是由許多不同的元素所組成,各有不同程度的重要性和一些特別的要求。有些元素是共享的關係,有些卻是不相關的。困難之處在於能夠傳達視覺美感及成效。這是網頁設計的對比的原則。 對比差異是來自兩個或多個元素,設計人員可以直接創造視覺趣味讓用戶關注。但試想一下,如果在網頁上所有的元素都是相同比重的風格和外觀。就沒有架構,沒有層次結構與主從之分。網站內容在閱覽上幾乎是非常難以消化的。這是對比原則歸...
read more
Katie
Jul 22, 2010
快速換算字級的 網頁設計工具
  字級計算原理很簡單 字型大小是區分文字的大小的一種衡量標準,而使用於網頁和平面設計的使用設定上有許多的不同之處,傳統印刷業界一般用於平面設計的字型大小設定大部分是 級數(J或K)而網頁設計的使用上 在國內則大多是採用pt ,國外則是em為主。 而一般DM的內文約是使用14級字 名片上最小不建議低於9級字,若使用於網頁上則是一般性的內文大多採用12pt來作顯示 ...
read more
Katie
Aug 08, 2012
Flash網頁設計重點及建議
許多網頁設計師著手設計之前,希望避免他們的創造力在瀏覽器的相容性及用戶界面選項上受限制,所以他們選擇Flash,並認為他們作出正確的決定。 然而用Flash製作網站(或微軟的多媒體產品,Silverlight的),反而沒有考慮網路標準三個重點: HTML,、CSS和 JavaScript。 這是可以理解的,為什麼這麼多的設計師喜歡Flash,Flash本身是個非常強大媒介,使我們可...
read more
Katie
Dec 28, 2010
無障礙網頁設計
無障礙網頁設計是什麼? 我們常常可以聽到無障礙網頁這個專有名詞,但是常常搞不清楚到底是什麼樣的網頁是無障礙,為什麼又有分好幾種等級呢? 簡單來說,無障礙網路空間,就是讓每個人-無論是否有身體上的缺陷,讓每一個網頁頁面都能夠在不同的瀏覽器上,使用或是閱讀網頁內容時,都覺得很方便、很好用。 符合標準的標記語言 無障礙網頁設計目的最主要是將網頁內容調整為適合給視覺障礙...
read more
Katie
Mar 03, 2010
網頁設計概念-安德森生活館
安德森生活館本身是排汗休閒服飾,所以他的網頁設計概念是以舒適、樂活為設計理念並以大地色系為色彩基調,佐以飽和度較高的暖色系為輔,為視覺感受創造出舒適與溫度. 風格概念:寢具、居家生活、家飾、飾品禮品、精緻禮品、高貴生活、生活起居、歐式風格、樂活生活 ...
read more
Katie
Mar 03, 2012
網頁設計版型重點
不論套版、切版、網頁設計版型都是一個很重要的基礎,因此本次分享了網站設計版型,網頁layout,網站layout的製作者心得。   1.主次分明 在設計一個網頁的頁面上,必然考慮視覺的中心,一些重要的文章和圖片一般可以安排在這個部位,在視覺中心以外的地方就可以安排那些稍微次要的內容,這樣在頁面上就突出了重點,做到了主次有別。   2.大小搭...
read more
Katie
Sep 07, 2009
網站設計概念-龍涎企業
「猩紅色」,是紅色的最大極限。 以大紅來規劃整體網站,頭一個要避免的問題是使用範圍太廣時造成瀏覽者的強大壓迫感。 運用自行車輪軸變化壓底,淡化大紅的壓迫感。 再由logo的圖形延伸;帶出自行車的功能,搭配上自然的景觀讓網頁更具生命力。 台南網頁設計 提供(網頁設計進行中,敬請期待..) ...
read more
Katie
Jan 02, 2010
網頁設計趨勢-橫式網站
橫式網站的設計手法,在近年來的網頁設計上越來越受歡迎,雖然此種設計方式並不一定適合每一種網站主題,不過此類的水平版面設計也可說是提供了網頁設計的一些創新視覺呈現和突破手法。 一般橫式網站適用的類型網站有設計作品類或攝影作品..等 大篇幅呈現作品的屬性網站。 以下節錄有30個此種類型的網站或許可以提供網頁設計靈感的激發   Aubrey Edwards W...
read more
Katie
Oct 10, 2009
巴洛克 Baroque VS 洛可可 Rococo 名詞解析
常有人將巴洛克與洛可可兩種藝術風格搞混,其原因除風格相當接近以外,名字也都有點相似,巴洛克率先興起,而洛可可於之後的法國發展,兩者風格相當接近,同樣擁有著繁華、律動、多變、複雜的花樣圖飾,充滿著華麗、奢侈感,就連名字也都有點相似,莫怪於許多人分辨不太出來而相互使用卻無從得知該正確歸類為哪一名詞!但從色彩方面或許可以稍稍分辨的出,相較於巴洛克的華麗,洛可可雖也一樣華麗繁複,但在色彩方面稍稍偏淡雅一點...
read more
Katie
Jul 07, 2011
成功的網頁設計
一個好的網頁設計,除了美觀實用外,更要考慮使用者的感受,才是真正好的網頁設計,大約八成左右的網站瀏覽者,都是第一次到訪者。所以,在網站設計上我們提供了幾項需注意的要點   網站速度: 以往打開網站的速度我們建議是不要超過二十秒,在網路速度不斷提昇後,對於開啟網站的容忍度也不斷降低,目前的建議是不要超過八秒。對於瀏覽者來說,多一秒的等待,都有可能會讓很多顧客離你而...
read more
Katie
Sep 05, 2013
2013年雅虎全新LOGO問世
曾經是搜尋引擎、線上商務、社群網站的龍頭:雅虎(YAHOO)近年表現黯淡,但經過了多次的改組與精簡之後,也決心展現出自家年輕活力的新形象。 日前他們對外公開了雅虎的「30 days of change」設計計畫,從下端的影片中,大家可以看到雅虎對於LOGO的設計至少做出了近百個提案中進行挑選。 據媒體報導,在這30天內都會變化不同的LOGO,直到2013年9月會將正式的...
read more
Katie
Sep 12, 2013
網頁設計中GIF和JPG圖片的選用
圖片的使用攸關網頁速度 網頁設計中,保證圖片清晰的前提下,圖片越小越好。因爲這樣可以減少頻寬的使用,加快網頁速度。尤其對於入口網站和流量很高的網站,如果圖片 都能比原來小10K的話,那麼節省的頻寬就相當明顯。那麽就要求設計師在製作或生成圖像時,選擇合適的格式和圖片品質,盡量把圖片體積壓縮的更小。 GIF就是指Graphics Interchange Format (圖片交替版面),是特...
read more
Katie
Aug 08, 2009
九個成功的網頁設計基本功
一些對網頁設計不太了解的人,可能認為網頁設計,不就是會繪圖軟體PS,網頁編輯器dreamweawer就能很快做一個站,其實一個成功的網站,不是一朝一夕就能做好的,它需要運用許多的知識,做好下面幾點也許你會有更多的認識。   一,想  設計師首先必須善于思考,對設計主張自己的想法和理解,這是最重要的。別擔心你的想法有多“爛”,沒有...
read more
Katie
Mar 27, 2010
CSS網頁設計技術趨勢
用層疊樣式表(CSS)主導網頁設計 CSS 是 Cascading Style Sheets 的縮寫, 我們中文稱為「層疊樣式表」,在製作網站時採用CSS技術能使網頁更加精簡,容量體積會向下修正,和以前的製作方式相較, 網站體質顯得更健全、優質了。說到底,CSS 有什麼好處?為什麼要用CSS呢?以下幾點簡單說明CSS的好處: •    網頁的佈局將...
read more
Katie
Jul 31, 2008
台南-中小企業創新群聚網-網站設計
中小企業創新群聚網主要目的在協助中小企業發展具技術、知識密集及高值化之產業群聚,提供群聚廠商從技術研發、商品化、行銷服務及事業發展等整合性輔導,並建構群聚服務網絡,以利資訊分享及商機媒合,期以群聚輔導的方式提升中小企業的國際競爭力。 執行此網站的主要單位與馬路科技iware網頁設計公司是第二次合作; 政府機構網站設計主要重點在文件及各式表格的規劃,因此在網頁設計上要避免過多的文字讓瀏覽者感到...
read more
Katie
Apr 03, 2008
網頁設計概念-安幼媽媽寶寶親子網
安幼媽媽寶寶親子網-林雅玲老師在親子領域已有15 年的相關經驗,更親自由日本引進最新的育嬰觀念與寶寶食品、用品,處處設身處地的為新手爸爸、媽媽與寶寶的需求著想。 熱情親切的林老師於是想到藉由網路的推力,讓更多人能吸受到寶貴的資訊,因此林雅玲老師找到了馬路科技iware網頁設計團隊,量身規劃安幼媽媽寶寶親子網,與林老師面對面懇談過後對其信念的堅定與熱情所感染,並以溫馨、親子活潑感為網站設計主軸...
read more
Katie
Apr 07, 2012
寫意禪風網頁設計
運用寫意 禪風的 中國水墨方式,要呈現客戶的不銹鋼加工製造及帷幕按裝之專業,其實是很大的一個挑戰,兩種截然不同的屬性,一軟一硬的調性需用寫意的水墨方式傳達出概念實屬不易,畫面起始用書法寫出 北斗高七星閃亮 ,陸地長萬里山河 來點出北陸金屬之名,並於畫面中用墨斗彈點出以潑墨手法呈現之北陸金屬 ,如同一幅精彩絕倫的水墨作品般 呈現於網頁設計上。 匠心獨具,唯有馬路科技 網頁設計!! ...
read more
Katie
Dec 12, 2008
網頁設計構圖美學的兩大要素
構圖一詞是英語COMPOSITION的譯音,為造型藝術的術語。在《辭海》中,談到「構圖」為藝術家為了表現作品的主題思想和美感效果,在一定的空間,安排和處理人、物的關係和位置,把個別或局部的形象組成藝術的整體。在中國傳統繪畫中稱為「章法」或「佈局」。 黃金分割 從古希臘人發現黃金分割以來這種比例就被認為是美學的最佳比例而得到廣泛的應用。 黃金分割是造型藝術中的一種分割法則。亦稱...
read more
Katie
Sep 20, 2013
設計風格-ART DECO解析
何謂 Art Deco Art Deco 的特色就是大量運用了鯊魚紋、斑馬紋、曲折鋸齒圖形、階梯圖形、粗體與彎曲的曲線、放射狀圖樣等等來裝飾,是現代藝術、設計上的一種運動與風格。 Art Deco 雖然是現代裝飾藝術上的一種運動,但同時也影響了建築等許多其他方面。這個運動的名詞是起自1925年在巴黎舉辦的第一屆”藝術裝飾與現代工業博覽會” (the Ex...
read more
Katie
May 21, 2009
印刷的圖檔與一般網頁設計的圖檔有何不同?
許多客戶常常說要把網頁的內容直接列印當成印刷品,這個觀念是急需要更正的,現在就來作個說明: 許多人的問題就是把印刷用的圖檔當成網頁在製作,常常印出來慘不忍睹,最大的問題就在於不瞭解印刷的特性與需求。或許你的電腦繪圖一流,不過要用在印刷上的話還是請先看看以下的說明。   解析度 一般人電腦螢幕的解析度頂多1280x1024,配合螢幕的尺寸換算後,大概是60~90...
read more
Katie
Apr 08, 2009
基礎網頁設計色彩概念
關於網頁設計的色彩 網頁設計色系與印刷顏色有著很大的不同,一為RGB 這三個顏色稱為光的三原色(RGB),就是紅(red),綠(green),藍(blue)。所有的彩色電視機、螢幕都具備產生這三種基本光線的發光裝置。因為這三種光線的混合幾乎可以表示出所有的顏色,因此電腦裡頭就用RGB三個數值的大小來標示顏色,每個顏色用8bit來記錄,可以有0~255,共256種亮度的變化,三種乘起...
read more
Katie
Mar 27, 2011
網頁設計完成後的下一步,行銷!
網站製作好只是開始 網頁設計完成後,網路行銷如何做?如何行銷你的網站?如何抓住消費者的心態? 如何讓你的網站更提高附加價值? 一個網站想要成功,有兩樣基本要素不可或缺, 一是網站行銷一是網頁設計 善用好的網站行銷方法,能將企業形象、品牌策略、市場運作等元素串連, 利用適合的行銷工具, 能夠更有效提升網站的效益。   後續的行銷,你準備好了嗎? ...
read more
Katie
Apr 21, 2011
DIV+CSS網頁佈局對SEO有哪些影響呢?
取代傳統編碼的CSS+DIV 採用CSS+DIV進行網頁設計相對與傳統的TABLE網頁布局而具有以下4個顯著優勢 1:設計和內容可以做區分 將設計部分做區隔出來放在一個獨立樣式文件中,HTML文件中只存放文本信息。 2:提高搜索引擎對網頁的索引效率 用只包含結構化內容的HTML代替嵌套的標簽,搜索引擎將更有效地搜索到你的網頁內容。 3:提高頁面瀏覽速度 對於同...
read more
Katie
Jan 13, 2010
2010時下流行的顏色
近來曾有客戶指定要TIFFANY藍或法拉利紅..等非常特別之顏色名稱,作為版面設計上色系之使用 會說特別是因為這些已經 經典到可以變成特定顏色之代名詞 有鑑於此現象,所以整理了一下提供參考。 以下這些顏色堪稱經典且受歡迎程度高,可惜不太容易找到正確色票,所以統一在這裡列表作整理。   ██  法拉利紅 PANTONE 485 U (#E71...
read more
Katie
Apr 08, 2009
網頁設計團隊介紹
未來,每個人都有15分鐘的成名機會- 普普風大師安迪.沃荷 今日,網頁是企業面對客戶的第一道門戶,也是企業在網路上發光成名的起點。 由於網站的功能越來越豐富,馬路科技對於網站設計也不斷的進化。過去我們曾經服務過超過千家企業,這些企業來自台灣的各個專業領域,從知名的連鎖飯店到小型民宿、具有百人以上的跨國企業到中小企業、百貨專櫃的國際知名品牌到自行創業者…每個客戶都有...
read more
Katie
Jan 10, 2010
2010年網頁設計最新流行趨勢
隨著新的一年已經到來,雖然網頁設計的新趨勢並不是說從新年的第一天開始算起,但這種趨勢的轉換確實是隨著時間進行着,從充滿期待的年初到歲末總結的年尾。大多數時候這個趨勢轉變是微妙的。 眼下最熱門的潮流趨勢一是完美,再者便是重新解譯。潮流趨勢幫助我們這些設計師不斷進化。對於我們掌握設計美學來說,我們需不斷地將設計潮流向前推進,並不斷的探索下一波設計趨勢。 先澄清一個事實,在看完這些設計趨勢後你會明白是什...
read more
Katie
Feb 01, 2010
台南佑勝能量炭水墨形象網頁設計
客戶希望能以日式的網頁設計風格來製作首頁形象動畫,並將產品運用於產業的特色能呈現,在思考後於是著手設計以水墨方式來呈現,並在禪風中強調出佑勝等於備長炭專家的概念,網頁設計風格勝出於其他同類產業,打造出客戶質精專業的形象感。 網頁設計畫面分享 以中國日式禪風來設計佑勝能量炭的專業與特色,左邊動畫部分,做炭型之變化,左邊動畫共以產品+三種應用為主來呈現並以水墨手法符合整體形象質感,1為畜牧...
read more
Katie
Sep 07, 2008
網站設計概念-覲得室內設計
大膽的紅色系,點出了覲得設計的與眾不同,簡潔俐落的線條區塊中蘊含著許多覲得的概念 將覲得的理念呈現在網頁設計中,應該說 能與 國內頂尖的室內設計師 游淑慧 相會  是一種挑戰 由設計的發想到文案的撰寫,一點一滴都是 聚精會神的凝聚 ,如同覲得給客戶的感動 我們要求的視覺設計嚴苛到要能貼切符合客戶的精神,生活空間 就是覲得 如同 網頁設計之於 馬路科技。 我們 熱愛這個...
read more
Katie
Apr 05, 2009
客戶的肯定-烏來龍門溫泉民宿
2007年,烏來龍門溫泉精緻民宿在經過評選網頁設計公司後,選擇與馬路科技iware網頁設計團隊合作,希望我們能將他們的特色呈現在網頁上,在微醺的雨後烏來,親切的鄭老闆一一帶領我們參觀龍門溫泉精緻民宿每處的貼心設計,也聊聊他們對於民宿的經營概念。 在暸解龍門本身包含軟硬體與服務的特色後,馬路科技iware網頁設計團隊認為,精緻貼心的龍門民宿適合以暖色調與稍具禪意的日式風格來呈現其特點。...
read more