Design Office Cekilala Tokyo Japan
Posted By cekilala on 2010.03.06

http://www.cekilala.com/articles/parent-category-work/kashwere-web%e3%82%b5%e3%82%a4%e3%83%88%e5%88%b6%e4%bd%9c.html

kashwereのwebサイトリニューアル制作をひとまず終えました。
http://www.kashwerejapan.com
不景気な昨今、斜陽のアパレル業界に明るい兆しを感じさせてくれるセレブ愛用ブランドです。
日 [...]

 

Archive for 6月, 2009

web制作初心者の勉強の仕方をまとめてみる

Posted By cekilala on 6月 29th, 2009

web制作を初心者が一から学ぶためにはどうしたらいいのか。簡単にまとめてみます。

Web制作の現場において、絶対に欠かせない基本知識を学びましょう。

『標準Webデザイン講座 基礎編 第2版』

XHTMLについて学びましょう。

web上で学べる所もあるのでいろいろと探してみるといいでしょう。

例えばAcademic HTML 丁寧につくられたページです。

『HTML/XHTML&スタイルシートレッスンブック—ステップバイステップ形式でマスターできる』

ステップバイステップ形式で一つ一つ学べる一冊です。

『できる大事典 HTML & CSS』



必要に応じて、HTMLタグ辞典を購入しましょう。

HTMLを扱うときに手元に置いておくと便利です。インターネット上のタグ辞典ページでも構いません。気になったらすぐ調べることが肝心です。

『HTMLタグ辞典 第6版 XHTML対応』

Dreamweaverなどのソフトを使いたいのであれば

下記のような書籍を参考にしてみるといいかもしれません。Dreamweaverはなくてもweb制作は出来るので、あくまで制作補助アプリとして考えましょう。


Adobe Dreamweaver CS4日本語版 Macintosh版

『できるクリエイター Dreamweaver 独習ナビ CS3/8対応』
初心者向けの一冊です。

類書はいくらでもありますので、自分のレベルにあったものを探しましょう。

『Dreamweaver 逆引きデザイン事典』

逆引き辞典の類の方がやりたいことまでの距離が近くてよい場合もあります。中級以上におすすめです。

web上で学べる所もあります。過去のエントリーでいろいろと紹介しています。


PHOTOSHOPをつかいこなせるようにしましょう。

WEB制作には必須のアプリです。画像のパーツは主にこれで製作します。
『Photoshopデザインラボ -プロに学ぶ、一生枯れない永久不滅テクニック』

『Photoshop 10年使える逆引き手帖』

『Adobe Photoshop CS4パーフェクトマスター』

デザイン・レイアウトを学びましょう。

これはすぐうまくなるわけではありません。日々の努力の積み重ねが大事です。

『デザイン・ルールズ デザインをはじめる前に知っておきたいこと』

『デザインする技術 ~よりよいデザインのための基礎知識』

『デザインの教室 手を動かして学ぶデザイントレーニング』

『ウェブデザイン見本帳 実例で学ぶWebのためのレイアウト基礎』


「Webプロフェッショナルのための黄金則 「旬」なサイトに学ぶ76のデザイン・エッセンス」



必要に応じてIllustratorも使えるように。

web制作だけでは使わなくても出来るので、必要に応じて。または使えたら便利と考えて。
『Illustrator CS4 スーパーリファレンス』

『Illustratorトレーニングブック』

ブログを利用して理解を深めるのもひとつの方法です。

レンタルブログでもいいですが、Movable Typewordpressを使ってみるのもいいでしょう。どちらも個人利用は無償です(wordpressは商用も無償)。ブログを利用したサイト構築はこれからますます増えそうです。

「これからはじめる MovableTypeの本」

「WordPress 2.7対応「導入&カスタマイズ」実践ガイド—個人ブログも企業サイトも簡単&無料で構築できる!』


レベルに応じてステップアップをしましょう。

常に技術や情報は新しくなります。いつもアンテナを張っておくように。

『Web標準の教科書—XHTMLとCSSでつくる“正しい”Webサイト』

『現場のプロから学ぶXHTML+CSS』

簡単にとはいったものの、webデザインを一通り学ぶにはかなりの気力が必要です。最初からここまで来るのに2.3年は軽くかかってしまうので、飽きないようにしっかりと計画を立てながら勉強を進めていくのが賢明です。

関連する投稿

UNION STATION 2009 AW EXHIBITION INVITATION CARD

Posted By cekilala on 6月 9th, 2009

2008年後半から仕事の作品をあまりまとめていないので、そろそろ始めなくては…ということで最近の仕事から次第に作品撮りを進めようと思っています。

e5908de7a7b0e69caae8a8ade5ae9a-2

UNION STATION 2009 AW EXHIBITION INVITATION CARD

230×110mm 4c/1c
用紙はOKスーパーポスト220kgにグロスPP

今季のコレクションに多用されるブラックウォッチをストレートに表現し、ブランドスタート時からずっと続いたマット系の用紙からグロスPP貼りにしその印象をがらりと変えた。

関連する投稿

Posted in Work

つい最近の紙素材のはなし

Posted By cekilala on 6月 6th, 2009

先週は吉川紙商事さんに来ていただき、紙のファイル、紙のうちわ、王子製紙の新製品の中質紙OPL、OKアドニフラフ70・75・80のご紹介をいただいた。

今週は打ち合わせの合間に王子製紙のペーパーライブラリーに伺い、書籍総合見本帳など持ち帰るのに腕が痛くなるくらい紙見本を頂いた。ペラのものはファイルに綴じるのが大変だ。うちに2006年以降の新製品見本帳がないので問い合わせたが制作していないとのこと。古紙偽装問題や業界再編で制作が止まっているのかな?個人的には板紙系がきていて、フレキソ印刷とかで味のあるものを印刷してみたい。そういえば後から考えると名刺も渡さずにたくさん見本を頂けたのがある意味太っ腹だと思った。

最近の竹尾のニュースでは「ヴァンヌーボスムース-FS」新発売/「ハイビススムース-FS」新発売。 平和紙業では2009年6月1日より「SPS-N」を新発売。

————————————————————————–


王子ペーパーライブラリー

開館時間 /9:00 – 17:00
開館日 /月曜日 – 金曜日(祝祭日は除く)
所在地 /〒104-0061 東京都中央区銀座4-7-5
Mail /papertec@ojipaper.co.jp
アクセス /地下鉄(銀座線・日比谷線・丸の内線)
銀座駅〔A12番出口〕徒歩1分
地下鉄(都営浅草・日比谷線)
東銀座駅〔A2、A8番出口〕徒歩3分

関連する投稿

Windows で解凍しても文字化けしない ZIP ファイルを Mac OS X で作れるツール『MacZip4Win』。

Posted By cekilala on 6月 4th, 2009

最近インストールしたツールで便利なものをご紹介。

Windows で解凍しても文字化けしないZIPファイルを Mac OS X で作れるツール『MacZip4Win』。

簡単にいうとMacではファイル名の文字コードにUnicodeを使用していて、WindowsではShift-JISを使用しているから文字化けが起こります。MacZip4Winを使えば今まで通りファイルを圧縮するだけで文字化けしないZIPが作れるようになります。

maczip4win1

  • Zip Each:複数のファイルを一つのアーカイブにします。
  • No Compress:無圧縮ZIPファイルを作ります。
  • Encrypt:パスワード付きZIPファイルを作ります。
  • Make Default:クリックすると現在のオプション設定を保存します。

ダウンロードはここからMacZip4Win (個人利用は無料)
Mac OS X 10.5.4(intel)で動作確認

関連する投稿