不費吹灰之力搭建個人作品集網站丨交互乾貨免費系列公開課

2021-03-02 互動設計小站

報名方式在文末哦~

在申請國外學校或找工作的的過程中,作品集是必不可少的,展示方式一般有pdf、網頁兩種,有的學校甚至只接受作品集網頁。

但搭建網頁是需要強大的代碼功底的,零基礎小白又該如何呢?

所以這節課就是教大家如何快速上手,讓小白也可以不費吹灰之力搭建個人作品集網頁!

本科:同濟大學 設計創意學院 環境設計

錄取院校:UC Berkeley / TU Delft / IIT / Parsons

中美創客大賽等多個國際大賽的優勝者

8月22日 周六 20:00 不費吹灰之力搭建個人作品集網站


針對學生:不需要編程功底的零基礎小白同學,想快速搭建起自己網站的同學。

任何年級皆可參加。

課程大綱:

1、網頁製作概況:硬核式&討巧式

網頁製作是一個很有彈性的過程,既可以通過傳統方法一點點寫代碼做成自己的網頁,也可以通過簡便的網頁模版來排版自己的網頁。

(1) 網頁的原理是什麼,如何對網頁產生一個大體的認知。

(2) 寫網站要用到的三種程式語言極其不同分工職責。

2、網頁製作的三個必須要素

這部分是介紹網頁製作的幾個必要部分,像域名、伺服器空間、網頁的內容與設計。

(1) 域名購買的平臺:阿里雲、godaddy。購買中外網域名的優劣對比

(2) 伺服器購買平臺:阿里雲伺服器、AWS。

(3) 費用大致範圍,花多少錢在個人網站上是最合算的。

3、優秀網頁欣賞

從美學和設計的角度了解網頁該如何製作,可以採用哪幾種形式。

(1) 個人網頁的大致內容與分區:頂部與底部、個人首頁、項目分頁

(2) 統一的視覺風格和配色

(3) 網頁的分段與分級

4、討巧式製作平臺總結與優劣比較

網頁模版的在線網站有很多,如wix、squraspace、WordPress。對於不同同學該如何選取平臺,平臺總結與優劣比較。

(1) wix:傻瓜式,多模版選擇,但個人發揮的餘地不高。適合零基礎,想迅速成型的同學。

(2) squraspace:專注於細節,用戶體驗流暢,個性化操作還可以,但現有模版太少了。適合有一些基礎想自己想diy的同學。

(3) WordPress:需要編程基礎的開源網站,大量代碼共享開源,也有進行拖拽的傻瓜式設計,但需要代碼功底。

5、討巧式製作步驟分享

以學姐自身的經歷為例,手把手教同學們操作搭建流程與一些使用小技巧。

(1)網頁的長寬比多少最合適

(2)圖片排版與字體大小如何做到最精緻

(3)網頁排版與pdf不同之處在哪,如何通過網頁來表達自己的設計想法

 開課前轉發本篇文章至朋友圈(非僅對自己開放)

併集齊10個贊

微信掃碼添加下方【RAC斯派克】

備註【乾貨免費公開課】

發送截圖即可獲得參與方式

更多精彩

交互 | 產品 | 工業 | 服務

留學 | 經驗 | 訪談 | 輔導

美國 | 英國 | 歐洲 | 香港

👇更多資訊,請關注互動設計小站👇

點亮 ,分享好課

相關焦點

  • 作品集網頁界面設計&搭建技術教學 ▏UXD基礎教學
    網頁設計是互動設計師必修的基本知識,但是如何應用當下前沿的設計軟體進行網頁設計,同時在設計的過程中結合網頁的搭建工具,進行網站的開發,帶有不少的技巧。UXD通過長期的教學實踐,摸索了一套完整的設計流程,用於個人網站的搭建。
  • 看過500份作品集,為你總結出最強作品集排版乾貨!
    確認風格審作品集的老師每天會看到上千部作品集,每個學生的作品都有不一樣的風格展現,老師更多時候並不是記住一個作品集而是一種作品集的風格。4.各項目圖面風格搭建框架按照院校作品集要求,將整理過的素材按照設計思路與流程,放入排版軟體,搭建作品集排版框架。
  • 視頻 第二課 作品集內容講解,ISSUU下載教程
    申請季到來之際,我們在舉辦一系列的作品集製作公開課,與dream school學長學姐探討作品集製作經驗。
  • 他的作品集如此牛掰,原來是用了這套PSD模板!
    最近後臺經常收到作品集、作品集封面相關的留言。雖然陸續發過相關文章,對設計師而言,一個人是不是追求完美,從他的作品集上就能看出來。今天我作為一名想要出國留學的小白,下定決心開口詢問師兄是如何準備作品集的.......但是沒想到師兄居然和我說,他套用的模板,不費吹灰之力,就把作品集給搞完了,更令我意想不到的是,他居然送了我一套他常用的作品集封面模板PSD源文件,我當時都嚇傻了,趕緊拿出來跟大家分享分享,來和我一起看看吧........
  • 作品集 | 互動設計作品集應該準備哪些內容?
    - 調研 - 用戶模型 - 流程圖 UI Flow - 線框圖 Wireframe - 原型 - 測試 - 到最終完成產品的整個流程明確表示了:「申請者的作品集並不一定非要全都是交互藝術作品,但一定要在各個方面體現出自己可以勝任交互藝術設計師的能力:概念的建立,設計和製作,溝通(用戶採訪調研和測試),過程和移情(理解用戶)。」
  • LAC Portfolio 作品集輔導
    ,幫助學生提升作品集競爭力、衝刺全球頂級院校。精緻小班(Micro-Studio)課程人數:2-4人(為保證質量不超過4人)課程內容:作品集前期梳理:邏輯思路、表達風格、版式精要、案例解析一對一輔導(1-1 Tutorial)
  • 想要了解最全互動設計師必備網站,收藏這篇文章就夠了!4大類20+網站等你來查收
    1.Cofolios推薦原因:該網站匯總設計實習生的同學的個人作品集網站,並且幫助他們尋找實習與工作。並且會展示一些去亞馬遜、蘋果等公司實習的名校同學個人作品集,十分具有參考意義,https://jasonyuan.design/  https://www.josephz.me/等。
  • 教你免費搭建個人網站(GitHub)
    不需要使用Git命令,即可把您本地代碼輕鬆上傳到GitHub進行託管。下面我來教大家使用此工具快速免費的搭建屬於自己的個人網站。-THE FIRST-首先,您需要確認你本地有一份可以正常打開預覽的個人網頁源碼。
  • slideroom、UCAS、自建網站,如何準確無誤提交作品集?
    我們經常為大家整理一些作品集創作的專業乾貨但卻很少和大家提及最後「臨門一腳」的作品集提交方式因此今天我們就為大家科普6種常見的作品集提交方式並詳細介紹操作過程和注意事項!還有一些院校作品集提交方式需要我們準備URL格式,也就是上傳網頁版連結,這種方式通常適用於動畫、交互、遊戲、電影等動態作品集的提交。對於這種要求,同學們可以選擇一些在線文件共享軟體,例如Dropbox、ISSUU、Behance、Google Drive等,把我們的作品集以項目JPEG,PDF,視頻的格式共享生成一個連結。
  • YC洋蔥國際藝術教育 藝術設計類留學作品集輔導
    洋蔥國際藝術教育聯合英美名校教授,研發核心能力模型,以作品集錄取要求為核心,量化教學方向和專業評審標準,系統教授學生所需技能,根據細分專業為您私人定製學習方案>國際化金牌師資團隊丨Globle team全部來自海外設計名校,擁有高水準頂尖公司多年工作經驗及專業背景,多年執教培訓經驗,由知名公司設計總監,歐美頂尖設計師, 分享行業裡最真實的案例,學校裡學不到的知識,海外名校教授對作品集進行評估與critique專業化學習體系丨Professional learning system
  • 掌握網頁設計新趨勢,讓你的交互作品集不減分
    談到互動設計作品集,網頁設計絕對是出現頻率超高的一個項目主題。但當同學們搜索網頁設計時,會發現在各大設計網站一抓一大把,甚至會被好幾年前流行的網頁風格所局限,沒有亮點。最終導致很難從全球大量相似的「競品」中脫穎而出,甚至影響整個作品集的質量。
  • 【林夕作品集公開課】考研複試與就業兩用!設計院超強主創授課
    應同學們的需求林夕推出景觀作品集公開課(國內知名設計院主創親授!)4考研複試老師最願意看的作品集,應具備什麼樣的闡述邏輯?如果你對以上問題確實存在疑問lance老師國內知名設計院主創作品集課程老師轉發此篇公眾號至朋友圈,不分組保留5h無需集贊,即可免費參加公開課。
  • 乾貨!2018年你值得一看的網頁設計作品集賞析
    網頁設計作品集=門面+能力網頁設計作品集對網頁設計師而言,既是網頁門面,也是個人專業素養的體現。那麼在作品集設計上萬不能掉以輕心。無論是製作一份簡約大方還是極具表現力的精良作品集,設計師們都必須付出十分的努力,參閱大量的設計作品,獲得靈感。
  • 求職者如何利用Neocities永久免費靜態HTML空間搭建個人簡歷網站
    我是個雖然自己寫程序不好,但喜歡喜歡倒騰代碼的人,因此經常要用很多網站空間又沒有多少錢於是找免費空間就是我經常做的事,在這個類目下將分享我使用的免費空間,比如今天介紹的給求職者如何利用Neocities免費靜態空間搭建個人簡歷網站,特別適用需要展示自己作品案例的簡歷,比如設計類的,
  • 交互作品集太「網紅臉」?教你如何告別傳統和平庸
    想要做出一份讓面試官耳目一新的交互作品集,就要有意識的去累積、留意一些互動設計師的作品,學習用更優秀的可視化方式來展現你的作品。整理作品集時,注意細節,才能給招生官留下深刻的印象。 本期,Joey跟大家分享幾組互動設計師的設計,希望大家能從中得到一些作品集的靈感和啟發。 01.
  • 教你免費搭建個人網站!馬上擁有自己的網站!
    第一步:選擇域名&註冊域名百度搜索註冊域名,就會出來多個註冊域名的網站,這裡以第三個阿里云為例,註冊我們的域名。在搜索框中輸入你想要註冊的域名,搜索後會顯示出該域名是否有人註冊,下面會出來一列後綴不同的域名,本文的題目叫免費建站,以少花錢為前提,所以你可以選擇最便宜的 .top域名,加入清單&付款,這個域名就屬於你了,首年只需兩元錢。但只有域名沒有伺服器是不能用的,這時你就需要往下看第二步。
  • 坦白說,招生官不想看到你交互作品集裡的APP
    比如交互中很重要的用戶研究員就屬於研究型人才。非美術背景申互動設計有什麼優勢? 互動設計是一門關於人的學問,交互的主要對象就是人,探討人怎麼與科技互動是互動設計的主要任務。所以只要跟人有關的專業都會對交互學習產生很大的幫助,我不建議完全拋棄本專業內容重新學交互,然後為了申請做一份交互作品集。
  • 助力複試丨廣東地區定校作品集班來襲!
    對於設計專業的學生來說,在考研複試中,作品集不僅是個人設計能力和設計素養的集中展現,更是我們走向心儀導師和成功上岸的敲門磚。那麼,什麼是一本好的作品集?你所報考的學校重點考量作品集的哪些方面?您心儀的導師喜歡什麼風格的作品集?
  • 如何設計製作工業設計/互動設計專業作品集
    作品集「封面」參考(將自己的專屬個人LOGO放到封面上,是非常不錯的選擇)    (二)目錄:此處的目錄主要用於介紹作品集中即將展示的作品,不建議採用純文字,圖文並茂的方式更好。(建議頁數:1p)圖30.作品集產品設計參考(產品裝配圖/功能部件圖展示)    剛剛我們向大家展示的,是一位新加坡設計師08年公布在其個人網站上的作品集中的某一件作品,該作品共排版23頁,佔據其作品總頁數的四分之一,略顯冗長,
  • 重磅福利丨newline TC 系列開啟免費試用,您有一個交互平板待收取!
    9月10日,在「2020騰訊全球數字生態大會」上,騰訊會議發布了新一代智能協作辦公室解決方案「騰訊會議Rooms」,newline作為首家通過騰訊會議專業認證的交互屏廠商,正式發布TC系列交互屏,以專業品質為企業用戶量身打造更易用、更高效、更安全的智能交互會議體驗!