八面玲瓏

2010.11.09 Tuesday

スポンサーサイト

この広告は60日以上更新がないブログに表示されております。
新しい記事を書くことで広告を消すことができます。

スポンサードリンク | - | | - | - | | |

2010.11.09 Tuesday

参考リンク

毎日訓練お疲れ様です。

ｈｔｍｌ打ちは試行錯誤ので忍耐力がすり減るかと思います。
私がよく引用するサイトを載せておきますので、参考にしてください。

HTMLクイックリファレンス

とほほのWWW入門

どちらもｈｔｍｌ打ちの参考サイトとしては古参の部類で、
良く整理されており、且つきれいなｈｔｍｌで組まれています。

WEB色見本原色大辞典 - HTML Color Names

色見本とともにRGBでの設定などが書かれていますから、
ペイントなどで色をつくるときの参考にしてください。

今日はひとまずここまで

Check

bit36 | 訓練 | 16:16 | comments(2) | trackbacks(0) |

2010.11.04 Thursday

今日の問題

ここからDLして下さい。

こちらも参照下さい。

Check

bit36 | - | 09:07 | comments(1) | trackbacks(0) |

2010.11.02 Tuesday

エントリーシート

Check

bit36 | - | 09:28 | comments(0) | trackbacks(0) |

2010.10.29 Friday

運命

WEBデザイン論、お疲れ様でした。
ぱんきちさん、おめでとう。

訓練も残り3週間となってしまいましたね。

5週間ぶりの担当で最初は何だか緊張しましたが、
スピーチの内容や皆さんの雰囲気から察するに、
皆さんにとって良い訓練を創っておられることを感じ、
また良い結果で修了を迎えられることを予感しました。

そう。
これは儚くも輝かしい男女15人の物語である。
by 悠助

残り座学も頑張りましょう。
卒業制作も期待しております。

Check

bit36 | - | 18:28 | comments(3) | trackbacks(0) |

2010.10.28 Thursday

講習データ

■レイアウトの基礎知識

１．レイアウトとは
　　日本商工会議所
　　グリーンテクノロジー

２．視線の動きを考慮する
　　MSN
　　白銀屋

３．レイアウトの原則
　①近接の原則
　②整列の原則
　　　WALLPAPER
　③対比の原則
　　　株式会社ユニックス
　④反復の原則
　　　リクルートワークス研究所
　　　仙川かおる幼稚園

４．ＷＥＢページのレイアウトサイズ

５．ＷＥＢページの表示方法
　　35期生の「DreamCycleビットステップジャンプ！」
　　36期生の「八面玲瓏」

※ＷＥＢをみるところからはじめよう
　　JUGEMのテンプレート
　　海外ブログ秀逸デザイン20選
　　グッドデザインウェブ
　　ヤフージャパン
　　グーグル
　　グッドブログデザイン－アメブロ

■ＷＥＢページの構成要素

１．ＷＥＢページを構成する領域
　　日本商工会議所
　　スペインの美術館
　　TREKバイク

２．ナビゲーションの役割
　　日本商工会議所
　　Appleコマースサイト

※トップページの役割
　　CNET
　　ナイキ

■ナビゲーションの種類

１．項目分類型ナビゲーション
　　TOTO
　　キャノン
　　富士重工業株式会社

２．テキストリンク型ナビゲーション
　　エキサイト
　　asahi.com

３．格納型ナビゲーション
　　アステラス製薬株式会社
　　マンパワージャパン株式会社

４．パンくず型ナビゲーション
　　無印良品

Ａ．上部ナビゲーション型
　１．シンプルで明快なレイアウト
　　　グッドデザインカンパニー

　２．ナビゲーションが２重構造のレイアウト
　　　日産フェアレディZ

　３．情報量が多いＷＥＢページのレイアウト
　　　NIKKEI NET
　　　Microsoft

　４．検索中心のレイアウト
　　　YOUTUBE
　　　グーグル

　５．大きな画像を効果的に使ったレイアウト
　　　ペプシ
　　　iittala

※ナビゲーションとサイト構造

Ｂ．左袖ナビゲーション型
　１．シンプルな左袖ナビゲーション
　　　伊右衛門

　２．情報量が多いサイトのレイアウト
　　　MOMAショップのデザイナー一覧

　３．縦分割を意識したレイアウト
　　　Guimet

　４．高級感のあるレイアウトデザイン
　　　グッチ（言語変更）

　５．文字と色で魅せるレイアウト
　　　ポンピドゥセンター

　６．ＦＬＡＳＨを利用したインパクトのあるナビゲーション
　　　rightning.com

　７．縦組文字を使ったレイアウト

Ｃ．逆Ｌ時ナビゲーション型
　１．シンプルな逆Ｌ字ナビゲーション
　　　Shopping Mall Today
　　　調布市ホームページ
　　　学習院

　２．ナビゲーションを右側に配置した変形逆Ｌ字型
　　　The FWA
　　　かぶきびと

　３．逆Ｌ字ナビゲーション型＋フッター
　　　プレイテックス

　４．逆Ｌ字ナビゲーション型＋バナーエリア
　　　読売文化センター自由が丘
　　　カリカチュアジャパン

　５．左袖がメインのレイアウト
　　　美術館TATE

　６．メインビジュアルを活かしたレイアウト
　　　インターコワフュールジャパン
　　　IKEA

　７．トップページと下層ページでレイアウトを変える
　　　メイドットキャリア

Ｄ．３段組みレイアウト型
　１．シンプルな３段組みレイアウト型
　　　ナショナルギャラリー
　　　アドイノベーター

　２．３段組みレイアウト型＋上部ナビゲーション
　　　Penguin Books
　　　ぐるなび

　３．余白を活かしたレイアウト
　　　Agence 360

　４．文字を読ませるレイアウト
　　　ニューヨークタイムズ
　　　エコノミスト紙
　　　ＢＢＣ
　　　インデペンデント紙

　５．ビジュアルを大きく扱うレイアウト
　　　ノール

　６．多数のビジュアルを扱うカタログレイアウト
　　　Metmuseum
　　　Habitat

Ｅ．下部ナビゲーション型
　１．下部ナビゲーション型のレイアウト
　　　フォノグラム
　　　ヘインズ

　２．階層構造を持った下部ナビゲーション
　　　カルテル

　３．横の流れを意識したレイアウト
　　　モリサワフォント
　　　SONY「手のひらにのるテレビ」

Ｆ．自由型レイアウト
　１．個性的なナビゲーション
　　　アドエンコム

　２．横スクロールによる展開
　　　Ford Ka
　　　ニコン　宇宙スケール

　３．アナログ感のあるデザイン
　　　ビッグタイムレストラン
　　　fluidbook
　　　Lounge Lizard

　４．動画を活用したレイアウトデザイン
　　　Yaris
　　　Scion

　５．ＷＥＢ上のゲームコンテンツ
　　　Get the Glass
　　　ゴットミルク
　　　ecodazoo

　６．数学・物理学の表現を取り入れたコンテンツ
　　　レビテイテッド
　
　７．写真を魅せるレイアウト
　　　アニケンハネビック
　　　The Photographer's Galery

よく訪れるサイトの構造も見てみましょう！

Check

bit36 | - | 11:02 | comments(0) | trackbacks(0) |

2010.09.22 Wednesday

おめでとう！

就職おめでとう！

TEMさん 36期卒業生第１号！
入所時から精力的に活動をされていたことが、
このような結果に繋がり、私も非常に嬉しいです。

残りの訓練期間、悔いなく過ごしてくださいね。
改めておめでとうございます！

第２回スピーチの概要

準備の際、参考にして頂ければと思います！

【テーマ】

「就きたい（気になる）職業」

【ルール】

①１０分（質疑応答有り）
②導入 → アウトライン提示 → 内容 → まとめ

【内容】

①職種名と志望理由
②職種の説明

③必要な能力要件のうち、
　・身に付けているスキル
　・不足しているスキル
　・不足しているスキルを、訓練を通してどう培うか？

ポイントを踏まえていれば、あとは自由です！