2016 年我們曾經為新光紡織的官方網站進行設計，而在7年後的今天，我們很榮幸再次受到新光紡織的委託，協助設計改版企業的網站。
新光紡織股份有限公司成立於 1955 年，為台灣紡織產業的開創者，至今已有 60 年的歷史。對新光紡織來說，他們不單是大量生產的製造業，而是追求完美，以客為尊的服務業，所生產的不只是布料，更是藝術品！身爲設計工作者的我們，看到客戶能有這樣的目標，讓我們對於合作上更是充滿著期待。
設計目標
這次雖然設計的項目主體是網站，但由於我們是品牌設計公司，因此在設計時的觀點跟思維，不會單以一個網站來去評估呈現與設計的方式，而是要把思考的格局，放大到企業品牌形象的角度來思考網站表現的方式。
在開始進行設計前，我們必須得先從企業的核心價值、經營目標、服務對象、服務內容，分析並判斷網站該如何呈現。「挖掘企業核心價值，再將無形的核心價值，透過有形的視覺畫面讓使用者得以感受」是我們品牌設計師的使命。
基於新光紡織給予自己的企業理念「我們所生產的不只是布料，更是藝術品！」，我們希望讓新光的網站，能夠圍繞這個中心思想，讓進到網站就像來到一間藝廊ㄧ樣，看到裡面陳列許多的藝術品，沈浸其中，同時希望讓傳產的形象也能達到時尚的境界。
攝影：藝術化的拍攝方式呈現料的特性、自然與美
在攝影的呈現上，我們為了讓布料，能藉由藝術化的表現方式，凸顯不同布料的特性，拍攝時我們將每塊布進行甩動，而每一塊布，我們都進行了上百張的拍攝，最後才從中挑選一張最完美的型態，而大部分的照片，都是沒有經過修圖，以最原始的狀態呈現。
我們希望讓觀看的人，可以從不同布料經甩動後，所產生的線條紋理，感受到該布料的特性、自然與美。除了透過布料的甩動外，我們也發現到，不同的布藉由不同的打光、角度、抓皺的程度，也會產生不一樣的美感，因此我們針對所有的布料，分別都進行了不同的拍攝方式，希望能不放過每塊布最美的狀態，讓觀看者可以感受到更全面。
字體設計：客製化輕盈時尚的新光專屬字體
為了讓新光紡織的形象更佳鮮明且具獨特性，我們特地為新光客製化了專屬字體，設計手法上，為了讓文字跟紡織布料搭配時，文字與布料照片能相輔相成，文字不會搶過視覺影像，又能讓視覺影像提升設計感。
我們將字體以極纖細的筆劃呈現，並將字體寬度增加，高度縮短，呈現一個比較寬扁的文字結構。另外在某些筆劃的起筆或收尾，設計了向上飄揚的造型，讓它帶有布料般輕盈的效果，讓文字更能符合布料的特性。
主視覺設計：大氣與時尚的藝術氛圍
在設計網站前，我們首先為新光紡織，設計了企業形象主視覺，主視覺分為兩個系列，第一個系列為將兩塊布料，以交織的方式，呈現出大氣與時尚的藝術氛圍，第二個系列為將新光紡織的 8 種機能布料，做獨立式的畫面呈現，呈現更多的產品細節與介紹，標題文字的編排更與布料照片互相搭配。
網站設計：藝廊般的編排呈現
這個網站最重要的部分，則是展示新光紡織的布料產品，我們希望這些產品照片的呈現方式，能夠跳脫ㄧ般制式化矩形外誆的形式，希望讓這些布料照片，能夠藉由特殊的版面編排構成，並運用幾何元素進行重疊，讓照片與資訊的呈現看起來更加有藝術感，進而感受到新光紡織的質感及品味，同時一塊布料包含了皺摺、紋理特寫、飄逸的照片，讓使用者可以看到更多的細節。
網站中的 Apparel categories，是介紹布料在不同行業服裝的應用，包含了運動類服飾、工作服飾、休閒服飾、商務服飾等等七大類別，在畫面的呈現上，主要使用了人物的照片來表現該類別的主視覺。
為了要讓主視覺畫面更加有藝術感，我們將每張照片，依照它原有色調，進行了彩色線條延展效果製作，讓這些彩色線條營造出動態布料般的美感，使原本較為單調的人物照片，增加了視覺張力與藝術氛圍。
網站設計：產品的 icon 與圖表設計
基於每個布料，都有不同的布料特性與功能，為了讓這些功能能夠更有記憶點，我們將約50種不同特性與功能，分別設計50種的icon，讓不同功能能更加有識別度。
網站設計：各尺寸版型規畫
為了要讓不同尺寸都能夠達到最佳的瀏覽效果，我們針對不同的瀏覽尺寸，都進行了排版上的優化，除了電腦會遇到的瀏覽尺寸外，針對手機、平板，我們也進行了多載體的優化與測試。
網站設計：豐富的動態效果
這次的網站，為了讓使用者能有更好的閱覽體驗，我們讓網站中的布料、文字、按鈕等細節，都設計了動畫效果，而所有元素動態，包含布料與文字的進場順序、秒數、節奏，我們都經過了反覆的測試與體驗，讓這些布料，透過動態的呈現展示，更加的栩栩如生，增加使用者對於新光紡織的印象。
一般台灣上市公司的大型企業網站，在設計上有很多的限制，較難做到藝術性與現代化設計語彙的導入，通常較為制式化保守，本事涂設計團隊發揮想像與大膽嘗試，可謂帶領傳產行業揮別舊印象的好示範，完成全新亮麗又契合企業高度與形象的識別設計系統。
圖片來源：涂設計TU DESIGN OFFICE
涂設計TU DESIGN OFFICE 官網 >> www.
點我看作品 >> https://www.sktextile.com.tw/
COMMENT