J.F.R Design Studio http://jfr.webplanet.tw Jai,Fish,Roger 聯合設計工作室 Fri, 10 Sep 2010 02:50:10 +0000 http://wordpress.org/?v=2.7 en hourly 1 eModel活動網頁-設計原始檔 http://jfr.webplanet.tw/?p=364 http://jfr.webplanet.tw/?p=364#comments Fri, 10 Sep 2010 02:40:40 +0000 admin http://jfr.webplanet.tw/?p=364
這裡提供了跟做eModel網站的原始檔，對方窗口一直口口聲聲說，網頁不是我們做的，這裡提供原始檔給大家看。
竟然有人這麼大膽，把我們做的設計都用上線跑了一個月，然後睜眼說瞎話，說那個網站不是我們做的，我整個很傻眼！！
eModel活動網頁-設計原始檔
eModel活動網頁-設計原始檔

eModel活動網頁-設計原始檔
eModel活動網頁-設計原始檔
eModel活動網頁-設計原始檔
eModel活動網頁-設計原始檔
eModel活動網頁-設計原始檔
eModel活動網頁-設計原始檔

其他相關

eModel-網頁活動，對話及傳檔實錄

活動網頁外包己上線又不付款的網站 - eModel

]]> http://jfr.webplanet.tw/?feed=rss2&p=364 eModel-網頁活動，對話及傳檔實錄 http://jfr.webplanet.tw/?p=357 http://jfr.webplanet.tw/?p=357#comments Thu, 09 Sep 2010 11:00:07 +0000 admin http://jfr.webplanet.tw/?p=357 emodele5b08de8a9b1e8a898e98c84

?

從2010年7月18日到2010年7月28日的對話記錄，其間先後傳了六次的檔案，很明顯的，對方就是叫我們修改完後就一腳踢開，最後再跟我們說我們沒有做好。

這是切版的部份我們與eModel的對話記錄，設計的部份，改天再提供證據。

最後的記錄是7月28日，傳完檔案後，他們跟我說”謝謝你”，現在回想才覺得是”謝謝您………..這個笨蛋，休想要拿到錢”的感覺！

其他相關

活動網頁外包己上線又不付款的網站 - eModel

]]> http://jfr.webplanet.tw/?feed=rss2&p=357 活動網頁外包己上線又不付款的網站 - eModel http://jfr.webplanet.tw/?p=335 http://jfr.webplanet.tw/?p=335#comments Wed, 08 Sep 2010 08:32:31 +0000 admin http://jfr.webplanet.tw/?p=335
　　真是太離譜了，網站上線，又不付款，竟然說我們沒做好？？那上線的東西是什麼？是鬼嗎？我們是在Kijiji上找到這家公司的，他現在還是一直在Kijiji貼文找做網站的人，其原因大家自己去猜囉。

　　總之，第一版本做完，丟給我們一個理由『日本的配合廠商說不做了』。那好，他們自己辦這個活動，我們又重新做，做完之後也很配合的修改到網站上線，網站也上線一個月了，打電話去請款，竟然跟我們說：『你們沒做好。』


　　我也不想浪費電話錢去跟他爭辯了，５０００元的案子，做了七、八個頁面，還包含畫面的切割，聯絡的窗口跟我辯了一大堆理由??呀都上線了，不知道為什麼還有那麼多理由，還說版型有請別人重做，我去看HTML原始碼跟本就是我做的版本，一開始也沒有說要用DIV+CSS。

?

在此跟大家說一下，請小心這個網站。動工前要記得簽合約呀，以免做白工呀。

以下是我們做的

活動網頁外包己上線又不付款的公司 - eModel

]]> http://jfr.webplanet.tw/?feed=rss2&p=335 虎年潮Tee十五款 http://jfr.webplanet.tw/?p=302 http://jfr.webplanet.tw/?p=302#comments Mon, 09 Nov 2009 12:48:01 +0000 admin http://jfr.webplanet.tw/?p=302 虎年潮Tee　　虎年潮Tee　虎年潮Tee

加入「T恤工房」Facebook 粉絲團，另有優惠！


虎年潮Tee1 虎年潮Tee2 虎年潮Tee3 虎年潮Tee4 虎年潮Tee5 虎年潮Tee6 虎年潮Tee7 虎年潮Tee8 虎年潮Tee9 虎年潮Tee10 虎年潮Tee11 虎年潮Tee12 虎年潮Tee13 虎年潮Tee14 虎年潮Tee15

請到 http://tee.meisi.com.tw 選購

]]> http://jfr.webplanet.tw/?feed=rss2&p=302 T-shirt保養小常識 http://jfr.webplanet.tw/?p=293 http://jfr.webplanet.tw/?p=293#comments Wed, 28 Oct 2009 09:23:36 +0000 admin http://jfr.webplanet.tw/?p=293 好的T-shirt是天然材製成的棉質衣物,常常因為不正確的洗法就會導致變形等問題,
最後只剩心痛.… ,
提供幾個”T-shirt保養小知識” 讓大家能與愛TEE們一起長長久久!


◎Y style T-shirt 保養注意事項：
(以下為是y-style您整理幾個關於TEE保養的小常識)

??? 如何洗TEE!?
( 剛買來的TEE因為布料為求在整理或保存上的便利都會上層漿so手感會一點硬，
在您水洗後會變得柔軟些。)

1.新加工的T-shirt第一次手洗較好，不要用手搓TEE圖案的表面。

2.洗衣服的時候, 要反面洗. 勿混色洗。

3.不要用內含漂白劑的洗滌劑洗。

4.用40°C以下的溫水或涼水洗。

5.儘量不要用洗衣機洗，用洗衣機洗時要將TEE翻面再洗。
勿大力搓洗領口部位，以避免領口變形。

??? 如何保存TEE!?
( 都花那麼多錢買囉!也讓你出們那麼稱頭，把馬子無往不利~
就好好照顧她吧…………..。)

1.晾曬的時候，衣架只能從衣服的下擺寬鬆的地方伸進去，
切不能直接從領口部分強行撐入，避免領口失去彈性後鬆掉。

2.洗滌完後，馬上從洗衣機中取出，脫水時間不要太長。

3.T-shirt 放在通風處晾乾即可，不要放在太陽下曝曬。

4.如果衣服需要燙平，晾乾後可採用中溫蒸汽熨燙，
不要在圖案上直接熨燙要反面燙， 尤其有印花的地方，
也不可以壓燙太久，大約 2~3 秒即可。

5.熨燙後，不要將衣物塞入狹小空間，可用衣架懸掛或平攤，
以保持衣物平整的外形。

6.陽光會使棉織品產生氧化現象,而使白色棉織物變黃及脆化，
有些棉染料對日光特別敏感,過度曝曬時很容易退色,尤其是
藍 、紫、粉紅色等，需特別謹慎，不妨翻面晾曬。

?? 如何拯救…..瀕死TEE!!??
淺色棉織衣物洗久了會逐漸變黃,可以在水中加洗潔劑一起煮20-30分鐘,
再以清水搓洗,即可恢復原貌啦~~~~

]]> http://jfr.webplanet.tw/?feed=rss2&p=293 十月T恤設計、T恤印刷、團體服案例 http://jfr.webplanet.tw/?p=280 http://jfr.webplanet.tw/?p=280#comments Sat, 17 Oct 2009 23:43:29 +0000 admin http://jfr.webplanet.tw/?p=280 朱俐靜十月份，我們幫超級偶像朱俐靜的歌迷，製作了似顏繪T恤、以及天使商務假期團體服、還有還有，MeTee的潮T兩款上市，分別是「維京人」以及「飛行小熊」，熱賣中！


朱俐靜t恤
這是歌迷送給超級偶像冠軍朱利靜的似顏繪及T恤

朱俐靜t恤
似顏繪設計+美國純棉直筒T恤 - 1800元
歌迷的心 - 無價

朱俐靜t恤
用的是設計師小魚拿手的花草風格
?
維京人T恤
新上市的維京人潮T，寶石藍，看起來會比較瘦

?維京人T恤
發揮維京人的精神吧

維京人t恤
MeTee限定，480元

天使商務假期t恤
天使商假期團體服，用的是大尺碼3XL的美國棉T恤。

?天使商務假期t恤
印於正面胸前的Logo

飛行小熊t恤
飛行小熊

飛行小熊t恤
白T，單色噴墨印刷

飛行小熊t恤
這就是潮T，MeTee限定，售價480元。

?飛行小熊t恤
細部照片

]]> http://jfr.webplanet.tw/?feed=rss2&p=280 09年08月似顏繪T恤、名片製作案例 http://jfr.webplanet.tw/?p=270 http://jfr.webplanet.tw/?p=270#comments Mon, 21 Sep 2009 11:27:42 +0000 admin http://jfr.webplanet.tw/?p=270 這個月的案例是我們台灣原住民-泰雅族的一萬．巴尚同學，要出國參加原住民文化的交流，老師建議說要做名片，剛好我們八月份有製作似顏繪名片送T恤的活動，我想這樣出國交流應該還滿炫的吧！

巴尚名片ok_480.jpg
似顏繪名片

似顏繪桌布
另外還做了桌布

T恤室內照
T恤，掛在畫作旁

?T恤戶外照
T恤拿去頂樓出外景
?T恤戶外照
與藍天互相輝印

T恤戶外照
選用了美式的圓筒T、穿起來還滿舒適的

T恤戶外照
測試了四家印刷廠，最後在士林找到了專業又熱心的亮兄，太感恩了~~

有關班服製作、團體服製作、T恤製作、客製化T恤製作的服務，歡迎利用以下方式聯繫我們哦~~
MSN:service@meisi.com.tw
SKYPE:jai.chang
或上網購買 http://tee.meisi.com.tw

]]> http://jfr.webplanet.tw/?feed=rss2&p=270 拋開傳統的網頁設計框架吧！ http://jfr.webplanet.tw/?p=266 http://jfr.webplanet.tw/?p=266#comments Mon, 21 Sep 2009 11:19:06 +0000 admin http://jfr.webplanet.tw/?p=266 你是否己經厭倦了傳統的方框和表格式的網頁設計呢？現在是學習如何擺脫這些方塊的時候，並做更多有創意的設計了。在這篇文章裡，收集了一些己經不使用表格設計的最佳案例。另外提供了一些快速的CSS技巧，說明如何擺脫表格設計，創立背景圖(background-image)和CSS的背景位置定位(position)屬性。

Example 1: Huge Inc

巨大的網站頁首設計，Huge(另開視窗)真的有吸引了我的注意。請關心的是，他的設計元素都蹦出表格外面了。

screenshot

其他圖摘: 2 , 3

Example 2: Jason Santa Maria

Jason 很投入在他的網站，並且用心的經營網站，而且注重很多細節，無可厚非的，他是我周遭最好的設計師網站。點選每篇文章，你會發現，每篇文章都有不同和特殊的樣式。有些圖片是在表格裡面，有些也是會設計出表格外。

screenshot

其他圖摘: 2 , 3

Example 3: A Brief Message

如同上例中Jason Santa Maria的網站，ABriefMessage.com?的每篇文章都有不同特色的圖片和CSS樣式設計。不同於一般的部落格網站，他網站上的文字跟圖都經有特別的排版，讓網站看起來就像是出版品一樣。

screenshot

其他圖摘: 2 , 3

Example 4: Trent Walton

TrentWalton.com?的焦點在於頁首，每篇文章都呈現不同的背景圖和樣式。

screenshot

其他圖摘: 2 , 3

Example 5: Wonderbra Ultimate Strapless

Wonderbra?雖然網站還有一些可及性(accessibility)的問題(例如：字體不能放大)，但它仍是一個令人喜愛的設計。內文跟圖片很成功的配置在一起。乍看之下，我還以為是個全Flash的網站，但看了原始碼才知道他是利用 CSS 跟 Javascript 來做到內容交替的效果，cufon?。

screenshot

其他圖摘: 2 , 3

Example 6: Fox

Fox - Fringe?的網站打破沉悶的表格排版設計，壯闊的背景由上至下融合了全部的版面。此外，傾斜的梯型方塊，使畫面看起來更為有趣。不要忘記去看其他福斯電視劇的網站哦。

screenshot

其他圖摘: 2 , 3

Example 7: Mezzoblue

Mezzoblue?讓圖片延伸出表格外面。這很容易達成的效果，只需要把 margin-left 的屬性設為負值就好了。

screenshot

快速CSS教程

使用 CSS Absolute Position (看 demo)

以下的教程模仿的結果，就如同上面Sample 1 中 Huge 的網站，使用了 position 的屬性。在每個元素上設定 position:absolute? ，然後設定更高的 z-index 屬性，在Logo、導覽列及內容區上面(如此這些元素，就會放在圖片的上面了)

margin-left

使用背景圖?(看 demo)

在這個案例中，把Logo和文字【Click Here】嵌入背景圖中。並讓Logo跟文字【Click Here】可以點擊。首先設定 H1 的絕對位置屬性，然後設定 text-indent 為 -900em 來隱藏?H1 藏內的文字

設定【Click Here】的按鍵，使用絕對位置的屬性，來定義他要出現的位置。一樣設定 text-indent 為 -900em來隱藏文字的內容，然後在 a:hover 裡面設定定位點的位置，來移動圖片的位置，以達到滑鼠移過去後，變更圖片的效果。

background image

使用左邊距(margin-left) (看 demo)

這是一個簡單的案例，只要設定圖片靠左(float:left)與左邊距(?margin-left)為負值即可。

margin-left

]]> http://jfr.webplanet.tw/?feed=rss2&p=266 很科幻的客製T恤製作過程 http://jfr.webplanet.tw/?p=230 http://jfr.webplanet.tw/?p=230#comments Mon, 24 Aug 2009 13:44:53 +0000 admin http://jfr.webplanet.tw/?p=230 T恤製作過程以下，以十張照片分解說明T恤製作過程，全程純屬虛構，過程極度殘忍，操作者皆經過特殊訓練，網友請勿請易自行嚐試，後果自行負責。

0.jpg
從三盒披薩盒中，任選一款披薩盒。

1.jpg
選取一款後，放置於桌上。

1.1.jpg
打開披薩盒，裡面放了一件L號的T恤。

2.jpg
打開後，靜置十秒鐘。

3.jpg
撒上特殊顏料！！

4.jpg
T恤製作完成囉~~~

5.jpg
T恤連同名片設計，酷！

6.jpg
「鳳梨酥音樂工作室」的個人品牌

7.jpg
蓋上盒子，貼上專屬標籤

8.jpg?
用郵局的便利盒，出貨囉！

如果您有班服製作、團體製作、T恤製作、T恤客製化的需求，歡迎與我們聯絡哦。

MSN:service@meisi.com.tw
SKYPE:jai.chang
或上網購買 http://tee.meisi.com.tw

]]> http://jfr.webplanet.tw/?feed=rss2&p=230 名片與T恤設計案例 http://jfr.webplanet.tw/?p=226 http://jfr.webplanet.tw/?p=226#comments Mon, 24 Aug 2009 13:27:49 +0000 admin http://jfr.webplanet.tw/?p=226 鳳梨酥音樂工作室-名片設計八月份，名片工房的優惠方案是製作似顏繪名片，送「T恤設計」和「T恤一件」，此案例是位於台中的「鳳梨酥音樂工作室」，名片的使用場合是給音樂教室、學生家長、學生…，名片整體的感覺是希望快樂的。對似顏繪的感覺要求是「有精神的、開朗的」，另外還需要有「搖滾」的精神。
之後，我們製作了三款名片供客戶選擇，並設計了兩款T恤設計給客戶，最後客戶選擇了……

鳳梨酥音樂工作室-名片設計
單面名片設計、單面局部上光

?鳳梨酥音樂工作室-T恤設計1
T恤設計第一款
鳳梨酥音樂工作室-T恤設計2
T恤設計第二款

最後客戶選擇的是第二款，衣服印刷後，就跟著名片一同出貨囉！

]]> http://jfr.webplanet.tw/?feed=rss2&p=226