[B! webデザイン] harattacaのブックマーク

harattaca id:harattaca

webデザインに関するharattacaのブックマーク (5)

知っておきたいillustratorのチュートリアル40 – creamu
illustratorのスキルを上げたい。そんなあなたにおすすめなのが、『40 Fundamental Illustrator Tutorials You Must Know』。知っておきたいillustratorのチュートリアル集です。いい感じのものが揃っているので、いくつかご紹介しますね。 How to Create a Gearbox Settings Icon Using Simple Shapes シンプルなシェイプを使って、ギアの形をした設定アイコンを作るチュートリアル How to Create an Abstract Vector Design in Illustrator 美しい抽象的なデザインは、シンプルな形から作られる。いくつかの形と透明度に変化を持たせたサンプルの作り方 How to Create an Open Book with Illustrator’s
harattaca 2010/02/13
参考になる

デザイン

webデザイン

illustrator
リンク
これはもう使用しない方がいいウェブデザインのトレンド
昔流行ったけど、これはもう使用しない方がいいものや人気がすたれているウェブデザインのトレンドをWeb Design Ledgerから紹介します。 Most Used and Abused Web Design Trends of All Time 以下、その意訳です。過激な表現も一部あるので、留意ください。はじめに鏡面反射アクアフラリッシュコーヒーカップ地球コミックフォントストックフォトペーパーポラロイド特大のRSSアイコン音の自動再生カウンターマーキーブラックの背景スプラッシュページスキップの無いイントロブラックの背景はじめにトレンドは、ウェブデザインにおける良くないキーワードではありません。実際に、下記のリストのものはその時々でウェブデザイナーを鼓舞させました。これらのアイデアは影響が非常に大きくかったので、大量のクローンが作りだされました。
harattaca 2009/10/08
フラリッシュは日本じゃ流行る前に廃れてしまった感が。

デザイン

webデザイン

まとめ
リンク
単調なウェブサイトのデザインに手を加えてクオリティをアップするチュートリアル
ウェブサイトのデザインに、ビジュアルエレメントを追加したり、細部をブラッシュアップしたりしてクオリティをアップするPhotoshopのチュートリアルをPsdtuts+から紹介します。
harattaca 2009/10/03
シロートには参考になる

photoshop

webデザイン

Web制作
リンク
ウェブデザインのタブーをあえて破ってみるための10のTips
ウェブデザインにいつもと違うアイデアを入れてみるための10のTipsをWeb Designer Depotから紹介します。 10 Web Design Rules That You Can Break 下記、各ポイントをピックアップしてお届けします。はじめに 1. 水平方向のスクロールバーを表示しない 2. フォントの書体は必要最小限の数だけ使用する 3. やたらと多くのカラーを使用しない 4. サイトのゴールを明白にする 5. ナビゲーションは理解しやすいものにする 6. テキストと背景には異なるカラーを使用する 7. コンテンツにはアニメーションを配置しない 8. ウェブセーフフォントを使用する 9. スプラッシュ（ランディング）ページを使用しない 10. tableは使用しないはじめにウェブデザインの進化は、一貫した有用なデザインの保証とともに確立されてきました。そして、あ
harattaca 2009/07/16
水平垂直基調のレイアウトはさすがに変えられないか

まとめ

webデザイン
リンク
[CSS]100%幅のヘッダとフッタを天地に固定表示するスタイルシート
ビギナーズ向けに解説された、100%幅のヘッダとフッタを固定幅のコンテンツの天地に固定表示するスタイルシートをNoobcubeから紹介します。 Fixed Header & Footer Layout: A Beginner's Guide demo スタイルシートはIE6をはじめとする主要ブラウザをターゲットにしており、IE6用のスタイルシートファイルやdivの入れ子でIE6に対応しています。 HTML箇所の最小構成は、下記のようになります。 <textarea name="code" class="html" cols="60" rows="5"> <body> <div id="header-wrap"> <div id="header-container"> <div id="header">ヘッダ</div> </div> </div> <div id="ie6pagewrap"
harattaca 2009/07/06
これは参考になりますな

webデザイン
リンク
1