星期三, 5月 02, 2007

NJD作品集-中興大學


這是去年的作品,期許自己慢慢的往專業設計師之路前進!
設計Note:以筆記本做為整個主體,照片也挑選比較能代表學生活力和具代表性的建築物,色調配合校徽採理性的藍色為主,穿插橘黃活力色。
設計心得:在挑選照片時,本來是挑三張不同代表學生活力的照片,一張是學生以靜,知識天堂的圖書館,一張是展現團隊合作的啦啦隊,一張是課餘休閒的籃球場上的活力,不過…可能成像不是很好,客戶那邊要求將它換掉囉~^^

NJD作品集-網頁設計



這些是比較早期的作品(其實也沒多早,就畢業後的第一間公司而已啦~哈),比較偏向商業設計就是了,當時可是讓我的Flash一下子爆衝了許多,但相對的也看到了工作室辛苦的地方,業務兼任專案經理的觀點不盡是同一個方向,甚至有時候是互相違背的,比如說:業務希望案子趕快結案好早點收到錢入帳,但專案經理則必須拿捏工作同仁的進度,並且給予適當的時程,而不會是一昧的聽客戶要加功能就一直加,卻時程緊迫囉!


設計Note:購物商城,綠色為公司色,字體也採標準字,以Flash+html為主。

設計心得:設計當初並沒有預期到該公司有那麼長的分類和商品,最後為了容下那麼多東西,延伸出很長的空白,這是當初沒考慮到地,而過程中,因為螢幕色差的關係,反覆跟客戶一直做顏色的確認,所以設備還是很重要的。





設計Note:整個為Flash製作,整個要讓它很美式的感覺,因此在字形的應用上也多採草寫,是以窗戶來做設計出發,內頁產品介紹時,設計為臥室,色調也採比較溫暖,讓人想馬上躺下。

設計心得:頁數比較少的狀況下,要讓它感覺很豐富,因此過程中加入了不少特效,讓人有頁數很多的錯覺。

設計Note:用顏色的方式做視覺區塊,導覽列採用一般常見的方式呈現。

設計心得:這次用到Flash+XML的方式做,讓人了解到XML的魅力呀!








設計Note:簡單線條,這個作品其實是客戶已經先有了整體設計,而我只是加工把它變成會動地囉!

設計心得:這次是第一次跟公家機關合作,也算是在這個時期我覺得很有用的經驗,而且也發覺真的設計出身和資訊出身的人,在看藝術品上有不同的觀點,或許在資訊人看來它很空洞不豐富,但設計人看來它很簡約又很有力道,顏色用色也是,所以深深體會到跟真的設計出身的人的差別之處。

星期三, 3月 28, 2007

JavaScript~醒了

Javascript這個東西,很好玩也很難纏~之前有過想離它遠一點的念頭

多累積設計的東西會比較實在一點~誰知它真的讓我又愛又恨呀~哈

大學專題時,在團隊中我就是負責操作介面的人~所以Javascript也是曾經出現在自我學習清單中的一枚

只不過…因為開發專案需求,所以是用跳的,並沒有像其他技術打底打的很深

回想當時開發ATTP時…很慘

現在因為工作需要再次跟它重逢,祝我能真的好好把它學好~學到不用查書的境界

frame呼叫另一個子frame的function

最近在工作上需要研究一個功能:要怎麼跨frame運用Javascript動態在另一個子frame產生div物件,並且要使動態產生的DIV物件,能再呼叫原frame的function,爬了一些文,終於找到解決方法,它原理大致上是這樣:
          alert_cross_frame.htm           parent
           /          \
            /           \
          /            \
         left            right          children
(alert_cross_frame_left.htm) (alert_cross_frame_right.htm)

因此我在那個要動態產生div的物件上加上了一個 parent.left.function_name(),那為什麼是加left?原因是在 alert_cross_frame.htm 中開了兩個 frame,而且將它們分別命名為 left 和 right。所以用 left 代表第一個 frame (alert_cross_frame_left.htm),因此也能呼叫它的function來用,因此這個問題也解決囉!真高興~呵


繼續來摸Javascript,它我還不是很熟~希望能慢慢把它學到不用查書的境界~哈(應該很難...=_=)

NJD自言自語:為什麼設計師要學JavaScript?只能說 …它有相關到,當你想用最簡單的方法來呈現畫面時,會需要用到它的,比如:一個連結你想讓它在滑鼠移過去時換一張圖,讓它有如flash效果時,網路上搜尋一下不就都說要靠它來解決嗎?所以設計師如果能具備CSS和JavaScript的技術是最好的囉!(...自我摧眠中>"<)