29.4 C
Taipei
星期六, 18 9 月, 2021
Home專案作品

專案作品

商業視覺設計-張O婕-Raellen Blog

個人部落格網站設計 專案介紹: 出發點:作為自己的技術部落格構想:簡而有力的部落格網站參考簡約網站的設計方向: 專案主要技術包含: RWDTailwindHUGOGOfigma (UI) 網站-關於我 網站-文章展示 重點技術 HUGO的模板採用go語法RWD - 版面基本上使用TAILWIND 專案心得與回饋 製作時老師討論過後決定用現存的部落格框架來進行 最後決定用號稱最快的網站建置框架Hugo 使用起來也不假,建置跟部屬真的都很快,更利於日後的修改與文章上傳 整個部落格大家可以看到樣式算簡約,設計上是可以有更多豐富性的~ 但我本心就期望部落格能營造出乾淨、簡約的設計感受,專案老師也願意支持我的想法 希望未來技術上能有更多的提升,最後再次感謝老師專案上的幫助。 專案網站:https://raellen.github.io/

UI/UX6.1-全階段-課內專案

UX 設計專注於使用者觀感 無論是banner、企業標識到網頁設計 都應以使用者視角及使用者心理為考量,首重分析與規劃使更有條理並符合客戶需求的前提下進行專案。 第一階段專案 - 人物精修 課堂專案進行人物精修,將黯沉的照片透過多層次的色彩調整並結合去背、遮 色片合成細部五官來達到修飾效果 第二階段專案 - 企業識別設計 企業識別設計專案讓學員能夠發揮獨立思考如何為企業設計Logo,結合色彩心理學及構圖設計技巧並搭配樣機模擬在不同產品與廣告刊版上鑲入識別樣式。 第三階段專案 - 廣告BANNER精修 C4D專案建立3D模型外加光線效果使附有立體感,彷如實體般的構造,再結合Photoshop製成Banner並針對色彩進行色彩調教達到精修的目的。 第四、五、六階段貫穿專案 -...

網路行銷-孫O娟-19again投放策略

保養品廣告行銷企劃 內容介紹: 專案動機: 原因是一位我很喜歡的Youtuber,剛創立自己的品牌,初衷希望女孩們都能好好愛自己 剛好產品類型也是我喜歡的保養品類,因此就決定用她的品牌做專案了。 重點技術: Google關鍵字規劃工具 可以從關鍵字規劃工具中,找到我所需要的高搜索量關鍵詞。 Google trends 可以了解關鍵詞搜索的時間分布,從而得知淡旺季。 Google Ads 將整理好的關鍵詞,實際搭建在Ads的帳戶裡。 專案心得&教學回饋: 這次的專案讓我體會到原來要做好一個投放策略,有這麼多前置步驟要一一分析,從剛開始就要先訂投放的目標,進而提升了我對ADS、Google trends、Google關鍵字規劃工具的瞭解,在帳戶搭建上也更加熟悉整體操作,總之這次的經驗讓我收穫滿滿,成就感十足。 最後謝謝達內提供我這樣一個好的學習管道,也謝謝Meloeo老師及所有小幫手這幾個月的陪伴,非常感謝你們。

商業視覺設計-畢O緯-Live音樂官網

LE LIVE音樂公演LIVE中心 專案動機: 自己本身很喜歡觀賞live的音樂演出,所以想設計一個以live house的官方網站 節目簡介: 你喜歡暴躁狂烈的吉他聲響嗎?又或者喜歡層層堆疊的合成器交響出來的音牆 該不會又剛好喜歡一點爵士的東西吧?! 那你不能錯過這次LE LIVE帶來的表演! 重點技術: 使用javascript製作下拉式選單 套用SpryMenuBar.js製作互動效果 SpryMenuBarHorizontal.css製作方向定位 以#<id>標籤分類為menu再以表格標籤ul,li細分個別區塊 使用javascript製作下拉式選單 使用<area>標籤的coords屬性加以定位 這裡我使用的是圓形:shape=“circle”,Coords=“x,y,z” 並以onmouseover觸發顯示使用#id(apDiv1)定位的相應圖片 <span>當作容器製作hashtag標籤 <span>本身無任何標籤語意,用途只是單純且較好排版 在賦予<span>class類別<“button1”> 在css外部樣式表制定.button1的樣式 學習心得&教學回饋 這次很榮幸的能夠到達內上課 因本身已學過平面設計了,所以直接從網頁設計UID的部分開始,剛好能替我的技能加分。 剛開始的課程還算上手,網站設計的設計理論、如何切版跟一些好用的網頁設計輔助工具 But.老實說到寫程式語言的部份時,我還有點懼怕。 可能是因為我不諳英文還有程式的邏輯;就好像在學習一種與電腦溝通的語言,好在達內的老師講解的非常清楚,真的越是嘗試越是熟捻。 我很喜歡達內中心的氛圍,課程小老師與指導老師都非常親切 雖然很少到現場自習,但每次使用LINE詢問的問題,小老師非常快速的轉交給老師,真的是無時差得到答案! 課餘之間我也買了很多書籍,好像真的愛上了前端UI設計。 但總歸一句話:「Front End,Never Ending!」 專案網址:http://show.tedu.tw:9108/index.html

商業視覺設計10.0-全階段-課內專案

第一階段 - 平面設計 平面商業視覺設計主軸是經由設計規畫概念為主軸,創造與美學為輔助的一門UI向課程 主要課程中專案會先針對內容進行分析規劃,整合出需要用到的版型、工具、主色調分布等規格確立好目標後再經素材蒐集統整正式進入實作專案階段。 專題1《摺頁廣告》 設計前提以幾何佈局為基礎 運用將版面以方形對角切成三角對邊的設計分別展示內容區塊 考量是為金融業的摺頁廣告,故選用較為顯著的暖色系中較為激勵指標的紅色為主色調。 專題2《海報廣告》 訓練廣告設計能力並搭配logo設計、色系調適、漸層技巧 效果中針對陰影層次來提高整體廣告圖文立體質感。 專題3《網頁廣告》 針對網頁面板設計,從網頁主要架構、頁首導覽樣式、主體展示區塊到頁腳 再進行主要頁面配色及重點標示設置達到完整學習從無到有設計網頁並實際呈現的目的。 第二階段專案 - 手機介面設計 主軸目的是運用原形圖軟體將原本靜態平面設計附加了動態效果,使在與程式設計師溝通時更能直接展示出效果需求,達到有效且精確的協作目的。 專案起初會先帶同學了解符合各尺寸解析度下該如何進行設置,其中包含不同系統平台下的既有介面、使用倍率、按鈕尺寸、文字大小等詳細解說過後依照規格實行設計方針。 《手機APP介面設計》專題 購物網站從介面制定規劃到時候手機模板並且加入動態板塊效果 做出實際APP介面並可實行交互動作。 介面設計: ICON設計: 交互實戰: 第三階段專案 - 網站設計 運用UI介面設計結合網頁代碼製作網站功能 主軸在於響應式及運用JavaScript讓網站更富互動效果。 響應式布局桌上型電腦版: 響應式布局手機端版模擬: 前端代碼設計: 響應式CSS樣式代碼: NavBar響應交互動作JavaScript Navbar實際呈現: 第五階段 - 3D模型設計 階段專案運用C4D立體建模創造更富真實感的產品樣機 結合PS製作產品陰影光線補強,使達到廣告產品精修的目的。 產品原圖: 產品打樣添加光澤陰影:

商業視覺設計-黃O竹-個人履歷網

一人獨自創建 - 包含:網頁設計、平面設計、代碼搭建、網站上線 個人介紹: 個人經歷: 個人作品: 作品網站:http://show.tedu.tw:9104

商業視覺設計- 蕭O伊 -飾品販售網

個人品牌網站設計 - 飾品專售 網站首頁輪播Banner 商品分類與展示 購物車系統展示 作品網站:http://show.tedu.tw:9102

商業視覺設計-陳O霖-運動品牌網頁設計

運動品牌購物網頁設計 專案簡介: 此網頁構想來自於設計者的喜好來做構思,白底搭配藍邊做設計。以簡潔的方式呈現頁面,讓進來的客戶能更快速地了解商品位置和聯絡訊息。傳統網頁來說,介面比較複雜凌亂,跟現代網頁比較差異在與藝術與舒適度的感覺。 專案動機: 出發點: 網路發達,手機電腦普及化的年代,很多事情都能在網路上解決,像是購物,就有很各式各樣的網頁,稱為電商平台,我認為這會是未來的趨勢。 構想: 我會選用白色藍色是因為白色象徵晴天白雲,藍色象徵碧海青天,有一種雨過天晴的感覺,就像運動一樣前期的苦後期的甜都有它意義的存在。 重點技術: 在LOGO設計的部分採用突破的方式呈現。LOGO中的閃電代表 S 也代表企業名稱開頭的 S 。裡面中的圓形象徵一種在創業的道路上有千奇百怪的阻礙。外面那一圈則是一道牆唯有打破它才能進步。 網站版面設計: 專案心得與回饋: 專案之路的心得: 對於這次專案進步最多的我覺得是LOGO跟顏色配置。 其中有趣的發想是我對LOGO的想法:它是以一個被閃電擊破的盾牌,象徵一個企業勇往直前。 對達內的教學回饋 : 一個零基礎的我在學習當中難免有聽不懂的地方會蠻生氣的,但聽久了操作久了還是學得會 ,再不懂還有小幫手可以問雖然沒辦法馬上就知道怎麼解決,但常常都是我問完再等待的時...

商業視覺設計-陳O綸-作品集網站設計

設計感作品集呈現網站 專案介紹: 首頁部分想要呈現右邊是圖片,左邊是字,讓閱讀者清楚明瞭,讓視覺重點在右邊大圖上。 首頁及履歷頁呈現橫版,方便條例閱讀。 專案動機: 簡易文字 整體色彩採用大地色,給人自然質樸感受。契機 參考很多作品集擺飾,選用最符合規範的排列方式。構想 喜歡看家居擺飾的照片,把作品集用家居照呈現出來。出發點做自己看了會喜歡的網頁 重點技術: 細節 作品集最上方呈現作品大圖重點技術 套用swiper以達到切換圖片技術圖搭配簡易文字 將作品呈現在最顯眼的地方,讓視覺焦點可以放在作品裡。 個人作品網介紹: 首頁 履歷 網頁內容展示 作品集列表 學習心得與回饋 心得: 沒想到自己也能做出一個網站,尤其打code真的是一件很有趣的事,但也很難,未來也會持續精進自己,往網頁方面前進。 順利找到工作的話,未來有機會會想當工程師,當然這需要一步一腳印,慢慢學習。 對達內的教學回饋 : 遇到問題有老師可以詢問真的是一件很安心的事,比起自學,自己找答案花的時間,會是問老師的兩到三倍,節省時間可以學習更多事物。 網站聯結:http://show.tedu.tw:9101

Python-胡O婕-LV商品分析

電商商品資料及價格分析 專案簡介: 以Yahoo購物中心及momo購物綱的LV商品為研究對象 並藉由Python程式的各種強大功能,將網上頁料爬取、儲存及分析,完成此專案任務。 專案動機: 網路購物已是現代人不可或缺的活動,若能利用程式將綱站商品資料分析,可提供更高的網購市場觀點與面貌。 契機:不同電商同一品版的商品品項目及價格差可能存在差異,消費者無法掌握市場狀況。構想:利用Python的爬蟲功能,取得電商網站資料並作後續資料分析。出發點:就一個網路的消費者為出發,對於高單價對的名牌消費品價格可能沒有概念。就關心的價格因子做電商差異平台的比較。 重點技術: 使用Python的selenium模組,操作瀏覽器,並使用對電商網站進行探索,取得商品的價格及名稱等資料後,並存入excel檔案中,再進行資料分析。 selenium的webdriver:控制瀏覽器beautifulSoup:用以解析網頁正則表達式及Python的字串處理功能xlwings:對exel存取資料做處理 數據分析報告(PPT): 心得分享: 體會了在挫折中學習和解決問題 ,也感受Python 是一個很方便的數據分析工具 最後~感謝小幫手們一路的陪伴和督促^^

最新文章

熱門文章