せっかくなので色覚シミュレーションコンテンツをflashで作ってみよう!と意気込んでソフトを立ち上げた!
…が、難しくて進まず。
ボタンのムービークリップは難なく作れたけど
アクションスクリプトが…さっぱり。
過去の授業のflaファイルを見てもちんぷんかんぷん。
マメにflash勉強しとくんだったよぉ。。。
逆引きリファレンス見ながら、イチから勉強しなおさないとあかんわぁぁぁぁ(T_T;)
目指せカリスマフラッシャーが笑っちゃうね。
ひとつでもいいから卒制に間に合わせて見てもらいたいよ~。
2008年12月19日金曜日
2008年12月16日火曜日
さぶい
しばれるなあ~。
明日の最低気温は1度だって!
今朝はどこもかしこも霜が降りてて、対向車がさながら雪に降られたみたいに白く凍ってるのもいた。
会社は古いから、通路のトタン屋根のすきまから水が滴って雪解けみたいだった(^^;)
ここは雪国?いえ、さいたま市です…
自宅PCにフォントをインストールしまくって、改めて感想。
「欧文フォントて、いいなあ。」
日本語って、ひらがな・カタカナ・漢字・数字と多いからフォントを新たに開発するとなると大変。
その点欧文は、英字26文字と数字を作ればいいだけだから書体も豊富でいろんなニュアンスが使える。
インストールも軽快。
英語バシバシ使うような仕事なら出番アリだけど、
仕事柄「多くの人が読みやすい」フォントをチョイスせなあかんので。(当然)
【よく使う和文フォント】
●モリサワのじゅん系
●新丸ゴ
●ゴシックMB系
●キャピ合成フォント
【よく使う欧文フォント】
●Futula
●Arial
でもたまに飽きてフォントの冒険してみたり。
Illustlatorならアウトライン取ればいいから冒険できるけど
InDesignはちょっとやっかい。。
OTFでないと後々面倒になるから、制約を感じてしまう…(・_・)
もっと欧文フォントを活躍させたい★
明日の最低気温は1度だって!
今朝はどこもかしこも霜が降りてて、対向車がさながら雪に降られたみたいに白く凍ってるのもいた。
会社は古いから、通路のトタン屋根のすきまから水が滴って雪解けみたいだった(^^;)
ここは雪国?いえ、さいたま市です…
自宅PCにフォントをインストールしまくって、改めて感想。
「欧文フォントて、いいなあ。」
日本語って、ひらがな・カタカナ・漢字・数字と多いからフォントを新たに開発するとなると大変。
その点欧文は、英字26文字と数字を作ればいいだけだから書体も豊富でいろんなニュアンスが使える。
インストールも軽快。
英語バシバシ使うような仕事なら出番アリだけど、
仕事柄「多くの人が読みやすい」フォントをチョイスせなあかんので。(当然)
【よく使う和文フォント】
●モリサワのじゅん系
●新丸ゴ
●ゴシックMB系
●キャピ合成フォント
【よく使う欧文フォント】
●Futula
●Arial
でもたまに飽きてフォントの冒険してみたり。
Illustlatorならアウトライン取ればいいから冒険できるけど
InDesignはちょっとやっかい。。
OTFでないと後々面倒になるから、制約を感じてしまう…(・_・)
もっと欧文フォントを活躍させたい★
2008年12月13日土曜日
やっとこさ
長いこと悩んでいた「背景画像が伸びない」という現象が解消された~
あーよかったよかった。
これで本文をガツガツ制作できるっ
つか課題提出は明日なんですが…。。(間に合うか!?)
でもこれがホントやり方としてはベストなのか分からないなあ。
のちのちもっとイイ方法が出てくるかもしれないので
今の方法を書いておきましょう。
●背景画像が周りにあわせて伸び縮みしない
*/親要素*/
#contents {
width:800px;
overflow:hidden;*/overflowはIEではスクロールバーが表示されてしまう*/
}
*/親要素に対して以下の指令を記述*/
#contents:after {
content:"";
display:block;
clear:both;
height:0;
visibility:hidden;
}
*/子要素*/
#main {
width:500px;
float:left;
background:url(画像) repeat-y center;
padding-bottom:32768px;
margin-bottom:-32768px;
}
と、することによって親要素に入っている子要素のdivのbackgroundが伸びた。
padding-bottomとmargin-bottomに32768pxの値を入れるってのがちょっと不安。。。
どっかのブラウザでバグってそーだなあ。
IE6は対象ブラウザにしてないけど、ちょっと見てみよう。
ひとまず今回のサイトではこれで問題解決した★
あーよかったよかった。
これで本文をガツガツ制作できるっ
つか課題提出は明日なんですが…。。(間に合うか!?)
でもこれがホントやり方としてはベストなのか分からないなあ。
のちのちもっとイイ方法が出てくるかもしれないので
今の方法を書いておきましょう。
●背景画像が周りにあわせて伸び縮みしない
*/親要素*/
#contents {
width:800px;
overflow:hidden;*/overflowはIEではスクロールバーが表示されてしまう*/
}
*/親要素に対して以下の指令を記述*/
#contents:after {
content:"";
display:block;
clear:both;
height:0;
visibility:hidden;
}
*/子要素*/
#main {
width:500px;
float:left;
background:url(画像) repeat-y center;
padding-bottom:32768px;
margin-bottom:-32768px;
}
と、することによって親要素に入っている子要素のdivのbackgroundが伸びた。
padding-bottomとmargin-bottomに32768pxの値を入れるってのがちょっと不安。。。
どっかのブラウザでバグってそーだなあ。
IE6は対象ブラウザにしてないけど、ちょっと見てみよう。
ひとまず今回のサイトではこれで問題解決した★
2008年12月5日金曜日
ふぁああああ~
2008年11月17日月曜日
Ajaxて、すごいねっ!
今日は先生に卒制のチェックをしてもらった。
javascriptで表示文字を大小切り替えるコードについて相談。
その結果、コピペして使えなくもないけど、ソースの意味が分からなければ
手を出さないほうが無難てことになりここは潔く(?)javascriptはあきらめました!
いやあ、諦め時を見定めるのも大事っすよ。なんつて。
あたし自身、最近気になっていたのです。
Ajax。これすごいなーって思う。
プログラマーじゃないし、勉強する必要ないじゃん。と
完全にナメていたが…
【サンプル】
12種類の動きのAjax
ドラッグして並べ替え
ボックスをドラッグして配置換え
パズル
伸縮するフレーム
びよんて飛び出すフレーム
これは面白い!と思った機能を使っているサイトはやっぱりAjaxだったりする。
googleも駆使してるし。yahooの画像検索で表示されるlightboxも。
こいつの未来は明るいわ~。
gucciサイトはすんげーscriptだらけ!
GUCCIサイト
ソース見てるぶんには参考になるけど、なにせ動き悪い…。
普通にフルフラッシュのがよかったのでは。
使い方次第で素敵なサイトにできるので、また時間あればコツコツ勉強しましょ。
javascriptで表示文字を大小切り替えるコードについて相談。
その結果、コピペして使えなくもないけど、ソースの意味が分からなければ
手を出さないほうが無難てことになりここは潔く(?)javascriptはあきらめました!
いやあ、諦め時を見定めるのも大事っすよ。なんつて。
あたし自身、最近気になっていたのです。
Ajax。これすごいなーって思う。
プログラマーじゃないし、勉強する必要ないじゃん。と
完全にナメていたが…
【サンプル】
12種類の動きのAjax
ドラッグして並べ替え
ボックスをドラッグして配置換え
パズル
伸縮するフレーム
びよんて飛び出すフレーム
これは面白い!と思った機能を使っているサイトはやっぱりAjaxだったりする。
googleも駆使してるし。yahooの画像検索で表示されるlightboxも。
こいつの未来は明るいわ~。
gucciサイトはすんげーscriptだらけ!
GUCCIサイト
ソース見てるぶんには参考になるけど、なにせ動き悪い…。
普通にフルフラッシュのがよかったのでは。
使い方次第で素敵なサイトにできるので、また時間あればコツコツ勉強しましょ。
2008年11月15日土曜日
ぐお~。眠い。有給とって課題制作中。
卒業制作サイト、3度目の正直ってことでまた作り直した★
XHTML + CSSで組んでます。
あと少しで全体のレイアウトが出来るかな。(時間かかりすぎ)
予習復習してなかったツケが回ってきたぜぃ。
けっこうしんどいけど、やり直すたびに発見があるから
ほんとにやったモン勝ちなんだね~(*'o'*)
みんながどのくらい進んでるんだか。
いまだにトップページのレイアウトに四苦八苦してるのって、あたしぐらいなのでは…(+_+;)
あまりの手間取りぶりに「卒制プレゼン、ばっくれよっかなあ」なんてよからぬ妄想が膨らんでしまったが。
作りとかはまだまだ未熟でも、なんとかお披露目したい!
いつか自由にレイアウトが組めるようになったら、一番最初に作ったこのサイトがどんだけ未熟でどれだけ不要なタグを省略できるかが分かるんだろうな。
まだ他ページとflashコンテンツとjavascriptが残ってるから、頑張っていきまっしょい!
XHTML + CSSで組んでます。
あと少しで全体のレイアウトが出来るかな。(時間かかりすぎ)
予習復習してなかったツケが回ってきたぜぃ。
けっこうしんどいけど、やり直すたびに発見があるから
ほんとにやったモン勝ちなんだね~(*'o'*)
みんながどのくらい進んでるんだか。
いまだにトップページのレイアウトに四苦八苦してるのって、あたしぐらいなのでは…(+_+;)
あまりの手間取りぶりに「卒制プレゼン、ばっくれよっかなあ」なんてよからぬ妄想が膨らんでしまったが。
作りとかはまだまだ未熟でも、なんとかお披露目したい!
いつか自由にレイアウトが組めるようになったら、一番最初に作ったこのサイトがどんだけ未熟でどれだけ不要なタグを省略できるかが分かるんだろうな。
まだ他ページとflashコンテンツとjavascriptが残ってるから、頑張っていきまっしょい!
2008年11月10日月曜日
グラデーションメッシュ第二弾!
2008年11月8日土曜日
Let's グラデーションメッシュ!
2008年11月3日月曜日
ああ。疲れた…。
試用版のPhotoshopでちょこちょこwebデザインの制作。
Fireworksのが操作感とか便利だから使いたかったけど、
試用版がついに期限切れに。。。IllustlatorとFlashも…
卒制期間だというのに、一気に大ピンチに陥る。
制作ソフトが無いなんて(ToT;)あほすぎる。
計画性がないから肝心なときに焦るんだよね~。
こんなだから急いでヤマダ電器に駆け込むハメになるのよ。
でも、意外とPhotoshopも作り込めるからイイかんじ★ケガの巧妙?
レイアウトに時間かかるけどさ。
今日は昼から7時間くらい引きこもって作業。
ほぼ全ページのおおまかなレイアウトが完成~(約10ページ分)
あとは各ページで使う画像とか原稿を整理してデザインは終了。
コーディングとFlashのデザインに入ってゆきます。
(なんといっても、これが一番の難所…)
掲示板とか問い合わせフォームなんて作ってしまったが…
はたしてどこまで構築できるか、あとは自分と時間との戦いっすね。
無意識のうちに自分の中の限界を作ってしまう悪いクセがあるから
できるだけ後工程の大変さは考えないようにしないと。
とりあえず夕飯食べてこよっと~。
Fireworksのが操作感とか便利だから使いたかったけど、
試用版がついに期限切れに。。。IllustlatorとFlashも…
卒制期間だというのに、一気に大ピンチに陥る。
制作ソフトが無いなんて(ToT;)あほすぎる。
計画性がないから肝心なときに焦るんだよね~。
こんなだから急いでヤマダ電器に駆け込むハメになるのよ。
でも、意外とPhotoshopも作り込めるからイイかんじ★ケガの巧妙?
レイアウトに時間かかるけどさ。
今日は昼から7時間くらい引きこもって作業。
ほぼ全ページのおおまかなレイアウトが完成~(約10ページ分)
あとは各ページで使う画像とか原稿を整理してデザインは終了。
コーディングとFlashのデザインに入ってゆきます。
(なんといっても、これが一番の難所…)
掲示板とか問い合わせフォームなんて作ってしまったが…
はたしてどこまで構築できるか、あとは自分と時間との戦いっすね。
無意識のうちに自分の中の限界を作ってしまう悪いクセがあるから
できるだけ後工程の大変さは考えないようにしないと。
とりあえず夕飯食べてこよっと~。
2008年10月26日日曜日
今日で授業納め!
早いもんで、今日の授業で最終回!
はじめはイラレから始まり、余裕で取り組んでいたのに
webの授業に入るなり、すぐにアシスタントや講師を呼んでしまうという劣等生っぷり。
大阪の会社でなかばカジったflashの可能性を感じて
「カリスマフラッシャーになってバリバリ稼ぐ!」を心条に入学しました。。
………そんなに甘くなかった。
今後は卒業制作期間に入ります。
ビッグになるかどうかは自分の努力次第。
今日PDFで企画チェックしてもらって、サイトデザイン制作。
絶対に確実にXHTML + CSSとflashで時間取られるっ
(期待通りのものができるか一抹の不安はあるけど)
はじめはイラレから始まり、余裕で取り組んでいたのに
webの授業に入るなり、すぐにアシスタントや講師を呼んでしまうという劣等生っぷり。
大阪の会社でなかばカジったflashの可能性を感じて
「カリスマフラッシャーになってバリバリ稼ぐ!」を心条に入学しました。。
………そんなに甘くなかった。
今後は卒業制作期間に入ります。
ビッグになるかどうかは自分の努力次第。
今日PDFで企画チェックしてもらって、サイトデザイン制作。
絶対に確実にXHTML + CSSとflashで時間取られるっ
(期待通りのものができるか一抹の不安はあるけど)
2008年10月24日金曜日
がんばったよ!
今週日曜日は最終授業かつ卒制の企画出し。
なのでイラレで怒涛のように作業。
企画書の内容は8割完成!やった!!やれば出来る子なんです。
って、細かいツメとか競合サイトの検証が手付かず。。。
一緒にサイトデザインとflashデザイン案もチェックしてもらう予定だったけど
ちょっと時間が足りないかなあ。
原稿まとめるのが大変…
いろんなところから資料かき集めて、かつ色彩学も絡まそうとしてるから
アタマの中の整理をしなければ。
ほんと、色っておもしろいな~。
深いような、頼りないような。
改めてATFの教科書ひっぱり出して復習中。
色彩検定1級欲しくなっちゃった★
なのでイラレで怒涛のように作業。
企画書の内容は8割完成!やった!!やれば出来る子なんです。
って、細かいツメとか競合サイトの検証が手付かず。。。
一緒にサイトデザインとflashデザイン案もチェックしてもらう予定だったけど
ちょっと時間が足りないかなあ。
原稿まとめるのが大変…
いろんなところから資料かき集めて、かつ色彩学も絡まそうとしてるから
アタマの中の整理をしなければ。
ほんと、色っておもしろいな~。
深いような、頼りないような。
改めてATFの教科書ひっぱり出して復習中。
色彩検定1級欲しくなっちゃった★
2008年10月22日水曜日
本日も晴天なり。
イイ天気じゃったー。
仕事もヒマだし、休みとってどっか行きたいっすよ。
昨日買った「CREA DOCS」を読んだ。
北海道犬のカイ君の表紙にどきゅーん!と来て
思わず表紙買い。
むふふ。かわゆい…と読み進んでいく。
すると、保健所に入れられた犬たちの運命が克明に
記された記事があった。
最近まで人と暮らしてた犬が、そこにいる意味がわからず
取材人の手を嬉しそうに舐めてくる。
このくだりでドバっと泣きました。
ちょっと違うけど、今年4月に老衰で逝ったプーちゃんを思い出した。
犬って、家族と一緒にいることが一番の幸せなのだ。
ヤバくなったり、旅行で家を空けるとき
何度か病院に預けた。
完全介護だから、ウチらが介護するよりも全然マシだと思ってたけど
自宅介護してるときのほうが不思議と調子よかったのね。
「この子はおうちが好きなんですね」と獣医さん。
なんか嬉しかったな~。
むっちゃ大事な子だったな~。
仕事もヒマだし、休みとってどっか行きたいっすよ。
昨日買った「CREA DOCS」を読んだ。
北海道犬のカイ君の表紙にどきゅーん!と来て
思わず表紙買い。
むふふ。かわゆい…と読み進んでいく。
すると、保健所に入れられた犬たちの運命が克明に
記された記事があった。
最近まで人と暮らしてた犬が、そこにいる意味がわからず
取材人の手を嬉しそうに舐めてくる。
このくだりでドバっと泣きました。
ちょっと違うけど、今年4月に老衰で逝ったプーちゃんを思い出した。
犬って、家族と一緒にいることが一番の幸せなのだ。
ヤバくなったり、旅行で家を空けるとき
何度か病院に預けた。
完全介護だから、ウチらが介護するよりも全然マシだと思ってたけど
自宅介護してるときのほうが不思議と調子よかったのね。
「この子はおうちが好きなんですね」と獣医さん。
なんか嬉しかったな~。
むっちゃ大事な子だったな~。
2008年10月20日月曜日
制作会社の採用話
昨日、授業終わりに就職セミナーに出た。
ポートフォリオ制作のことや、
制作会社の人事担当者が採用したい人材について
貴重な話しが聞けた。
某有名広告代理店の人事担当者のお話し。
採用時に注意するところは?
◎デザインスキル、アプリケーション能力は最低限の必須事項
◎採用時には、会社が成長するためにどんな人材が必要か
◎技術的にも経験値にも未熟なところがあっても、伸びシロがあり期待がもてる人材
◎中途採用者は、過去の経験を重視(特に失敗談)
過去のプロジェクト→失敗→考察→乗り越える
◎成功談ばかり話す人はNG(ウソをついていると思う)
◎向上心・好奇心旺盛、最新技術を積極的に取り入れようとしている
◎上司の言うことをすぐ理解できる飲み込みの早い人
◎豊かな人間性を持っていること
一番大事なところは、最後の「豊かな人間性」だそうな。
なるほど。あたしは、てっきりスキル重視だと思ってたけど
最後は人間性なのか~。。。
ちなみに、毎年選抜で開催する「クリエイターズオーディション」。
有名企業を招待して生徒たちがプレゼンするのだ。
2ヶ月前だっけ、クリオ開催したときに取った企業アンケートに
これまた聞き逃せない情報が。
プレゼン終了後
★採用時のポイント
1.コミュニケーション能力
2.人柄(この人と一緒に仕事がしたいと思えること)
3.社会人としてのマナー
4.作品やポートフォリオ
5.企画力
作品・企画力は意外とそんなに重視されないのか。
★必要とする職種
1.デザイナー
2.コーダー
3.フラッシャー
4.ディレクター
★学生に不足しているもの
flashに頼りすぎている
SEO対策
リアリティ
クライアントワーク
ビジネスセンス
マーケティング能力
要は、現実問題リアルにビジネスができるのか?
ということですね。
確かに卒制では自分の趣味に偏った印象があるなあ。
学生作品だから、プロから見ればクオリティは「まあまあ」であるから
あとは実際仕事となるとどうなるか気になるところ。
ウチの卒業生は「Dreamweaverなどのソフトに依存している」と言われているらしい。(先生談)
DOCTYPE宣言やエディターでサイトのひとつも作れずにwebデザイナーを名乗るなと。
胸に突き刺さりますな。(T_T)
練習あるのみです。
ポートフォリオ制作のことや、
制作会社の人事担当者が採用したい人材について
貴重な話しが聞けた。
某有名広告代理店の人事担当者のお話し。
採用時に注意するところは?
◎デザインスキル、アプリケーション能力は最低限の必須事項
◎採用時には、会社が成長するためにどんな人材が必要か
◎技術的にも経験値にも未熟なところがあっても、伸びシロがあり期待がもてる人材
◎中途採用者は、過去の経験を重視(特に失敗談)
過去のプロジェクト→失敗→考察→乗り越える
◎成功談ばかり話す人はNG(ウソをついていると思う)
◎向上心・好奇心旺盛、最新技術を積極的に取り入れようとしている
◎上司の言うことをすぐ理解できる飲み込みの早い人
◎豊かな人間性を持っていること
一番大事なところは、最後の「豊かな人間性」だそうな。
なるほど。あたしは、てっきりスキル重視だと思ってたけど
最後は人間性なのか~。。。
ちなみに、毎年選抜で開催する「クリエイターズオーディション」。
有名企業を招待して生徒たちがプレゼンするのだ。
2ヶ月前だっけ、クリオ開催したときに取った企業アンケートに
これまた聞き逃せない情報が。
プレゼン終了後
★採用時のポイント
1.コミュニケーション能力
2.人柄(この人と一緒に仕事がしたいと思えること)
3.社会人としてのマナー
4.作品やポートフォリオ
5.企画力
作品・企画力は意外とそんなに重視されないのか。
★必要とする職種
1.デザイナー
2.コーダー
3.フラッシャー
4.ディレクター
★学生に不足しているもの
flashに頼りすぎている
SEO対策
リアリティ
クライアントワーク
ビジネスセンス
マーケティング能力
要は、現実問題リアルにビジネスができるのか?
ということですね。
確かに卒制では自分の趣味に偏った印象があるなあ。
学生作品だから、プロから見ればクオリティは「まあまあ」であるから
あとは実際仕事となるとどうなるか気になるところ。
ウチの卒業生は「Dreamweaverなどのソフトに依存している」と言われているらしい。(先生談)
DOCTYPE宣言やエディターでサイトのひとつも作れずにwebデザイナーを名乗るなと。
胸に突き刺さりますな。(T_T)
練習あるのみです。
2008年10月18日土曜日
2008年10月16日木曜日
カラーユニバーサルデザイン
会社でカラーUDのコンペに出品するのと、学校の卒業制作がせまってきたので、
両方に活かせるようにただいま色覚障害について猛勉強中。
両方に活かせるようにただいま色覚障害について猛勉強中。
調べれば調べるほど、難しくなってきた(;_;)
いろんな社会問題とか、個々の悩みを拝見してると
なんで今まで意識してこなかったのか、改めて反省。
しょーがないんだけどさ。
もっとカラーユニバーサルデザインの思想が定着できるように
社会貢献できる意味あるサイト作りたいものです。
2008年10月12日日曜日
2008年10月11日土曜日
2008年10月10日金曜日
2008年10月9日木曜日
2008年10月7日火曜日
2008年10月6日月曜日
今日は雨……。
おかんが2泊3日の青森旅行中。
ちょこちょこ写メを送ってくれている様子から、かなり楽しんでるみたい。
よかったね~。
あたしもwebの勉強がひと段落ついたら旅行いこっと。
また屋久島回りたいな~(*^o^*)
昨日の授業はflash2回目にしてアクションスクリプトに突入!
flashは全5回しかないから、先生は「限りある授業時間の中で早く教えなけりゃ!」と
一生懸命教えてくださっているのだ。。
ありがたい。けど、すつつつつごい難しいんだよ~!!!(=_=;)
大半の生徒が卒制でflashサイト制作を断念するて言ってた意味がよくわかったよ。
でも、なんとかして勉強しまくって技術をモノにしたい!
とゆーことで、これから教科書片手におベンキョしよっと。
ちょこちょこ写メを送ってくれている様子から、かなり楽しんでるみたい。
よかったね~。
あたしもwebの勉強がひと段落ついたら旅行いこっと。
また屋久島回りたいな~(*^o^*)
昨日の授業はflash2回目にしてアクションスクリプトに突入!
flashは全5回しかないから、先生は「限りある授業時間の中で早く教えなけりゃ!」と
一生懸命教えてくださっているのだ。。
ありがたい。けど、すつつつつごい難しいんだよ~!!!(=_=;)
大半の生徒が卒制でflashサイト制作を断念するて言ってた意味がよくわかったよ。
でも、なんとかして勉強しまくって技術をモノにしたい!
とゆーことで、これから教科書片手におベンキョしよっと。
登録:
投稿 (Atom)