ブロガー募集中
ECommerce Knowledgebase
ECサイト関連の役立つ情報を無料配信。世界中のECサイトニュースをいち早くキャッチできるブログ。
WEB TIPS カテゴリの記事一覧
グランジスタイルＷＥＢデザイン
2008年05月02日 17:12:41 きょうこ WEB TIPS
グランジスタイルＷＥＢデザイン
流行りのスタイルは、いずれ過去の産物となって行きます。ＷＥＢデザインにおいては、Web 2.0 が正しくそうです。
2007年末に私達は、艶やかなボタン、３Ｄ、角丸、カラフルな反射光、新しいフォントなどを用いたWeb 2.0 らしいデザインをご紹介しました。しかし今は、そのWeb 2.0 らしいデザインが衰退し始めるのではないかと思っています。徐々にユーザー中心の内容を重視したサイトが増えてきており、これは流行が変化する前兆なのでしょうか？
グランジスタイルとは？
Popularity: 85% [?]
ハイパーリアルベクターアートの世界―前編―
2008年04月30日 16:45:19 mami WEB TIPS
ハイパーリアリズム （超写実主義。写真を利用して人物や日常的光景などを克明に極度に写実的に描く。Yahoo!辞書より）は芸術の1つの形であり、フォトリアリスティック・イラストレーションと同レベルの技術力を必要とする。実際どういうものなのか確かめたい方は、「世界最高レベルのフォトリアリスティック・ベクター・アート」を参照して欲しい。
ハイパーリアリズムでは、アーティストが画像を自由に演出することも可能だ。彼らは画像を描写するのに、微妙な光の効果や被写界深度（depth of field）のテクニック、またはカメラ流の遠近法を駆使する。想像力に溢れたリアルな画像を生み出すのである。
ハイパーリアリズムと一口に言っても、各アーティストの関心は様々である。以下に紹介するアーティストの中には、べクセルスタイル（Vexel style）・デジタリゼーション・エアーブラシペインティングに関心を寄せ、かつ、他のスタイルの影響を受けているアーティストもいる。
今回紹介する作品は、典型的なハイパーリアリズムのものから、リアリティの様式化と言えるものまでを扱っている。
この種の作品は、Illustratorのグラデーションメッシュツール（Gradient Mesh Tool）を使って創作されることが多いが、全てがそうとは限らない。作品の中には扁平形状を多く用い、かなりの細部にまでこだわって作られたものもある。Illustratorはハイパーリアル・ベクター・アート作品の制作には、最も人気のあるプログラムである。アーティストはIllustratorを駆使し、フラッシュやその他のベクタープログラムも利用しながら、様々に工夫を凝らしている。 続き »
Popularity: 75% [?]
Photoshop テクニック集（後編）
2008年04月25日 13:11:52 きょうこ WEB TIPS
Photoshop テクニック集（後編）
グラフィックデザインを行うにはまず adobe Photoshop を使用しようと考える人が多いでしょう。しかし Photoshop を使いこなすのは、とても難しいことです。例えば「こうしたい時に、どのツールを使えば良いのか？」など、とても分かりづらいので、完成させるにはかなり の時間が必要となります。
私達は約1年前に「Photoshop 厳選コレクション」をご紹介しましたが、今回は、Photoshop を使いこなすための教材となるようなサイトを少しだけご紹介します。
あなたの Photoshop におけるデザイン技術の向上、作業効率の改善が期待できるでしょう。 続き »
Popularity: 94% [?]
フレッシュフリービー：フォント〜アイコンまで
2008年04月24日 18:39:08 mami WEB TIPS
フリービー（無料アイテム）は使い勝手が良い。そのため定期的に、良質なフリービー：アイコン・フォント・壁紙・プラグイン・スクリプトなどを提供している。今後も面白くて使えるフリービーがあれば、その都度紹介していく予定だ。
今回は、無料フォントや最近リリースされたばかりのアイコンセットを以下に紹介する。どれも大変優れたものばかりで、しかも全て無料である。但し、商用利用する場合は、使用する前に必ずライセンス契約を確認して欲しい。
参考までに、関連のある過去の投稿記事も以下に挙げておく：
Popularity: 81% [?]
Photoshop テクニック集（前編）
2008年04月24日 13:47:08 きょうこ WEB TIPS
Photoshop テクニック集（前編）
グラフィックデザインを行うにはまず adobe Photoshop を使用しようと考える人が多いでしょう。しかし Photoshop を使いこなすのは、とても難しいことです。例えば「こうしたい時に、どのツールを使えば良いのか？」など、とても分かりづらいので、完成させるにはかなりの時間が必要となります。
私達は約1年前に「Photoshop 厳選コレクション」をご紹介しましたが、今回は、Photoshop を使いこなすための教材となるようなサイトを少しだけご紹介します。
あなたの Photoshop におけるデザイン技術の向上、作業効率の改善が期待できるでしょう。
写真と絵の加工編集
- MP3 Player Design
携帯音楽プレーヤーからデザインを学びます。
Popularity: 100% [?]
Best Of February 2008:前編
2008年04月22日 18:06:22 tamura WEB TIPS
私達は毎月、様々なウェブサイトを見てまわり、最も興味深いウェブ開発関連のサイトをいくつか選択します。そして、ツールをチェックし、有益な部分を分析します。以下は、最近一ヶ月で見つけたウェブ開発関連のサイトです。きっと、あなたの役に立つ記事やチュートリアル、サービス、ツール、テクニックがあるでしょう。
2008年2月の要チェックウェブサイト。 続き »
Popularity: 54% [?]
プロ級コーディングのための、AJAX・Javascriptソリューション
2008年04月21日 17:45:07 mami WEB TIPS
最新のWebアプリケーションのデザインと言えば、Ajaxが標準的な入り口といえるだろう。lightbox・フォームの検証・ナビゲーション・検索・ツールチップ・テーブルのための対話型ソリューションは、Ajaxライブラリやnifty Ajax スクリプトを使って開発されている。Ajaxは実用的でパワフルだ。しかしAjaxを使う場合、ユーザビリティ・アクセシビリティの点で、問題があることも理解しておかなければならない。Ajaxを過多に使用すると、ユーザーに対して過度な管理や機能を押し付けることになり、混乱を招きやすい。
とはいえ、Ajaxで何ができるかを知っておくことは重要である。それが新しいアイディアをさらに発展させ、Webアプリケーションの質を高めていくことに繋がっていくからだ。
今回の記事では、新たに60以上の“使える”Ajaxスクリプト、ライブラリ、ソリューションを紹介する。今後のプロジェクトに是非活かして欲しい。前回紹介した「プロ級コーディングのための、Ajaxソリューション80選」が、さらに進化した形だ。ライセンス契約は時折改定されるため、スクリプトを商用Webアプリケーションで利用する場合は、利用前に必ず内容を熟読しておくこと。 続き »
Popularity: 55% [?]
マスコットキャラのいるＷＥＢページ
2008年04月17日 17:17:36 きょうこ WEB TIPS
サイトデザインが印象的であるほど、ＷＥＢページにユーザーをより多くひき付けられるでしょう。急ぎ足で訪れるユーザー達を引き止めるために、デザイナーは鮮やかな色彩の写真やイラストなどといった見た目が美しいデザイを取り入れたりしています。
こちらは、GNUのマスコットキャラの「Heckert」
あごひげと角を携えたハンサムなウィルビーストです。 続き »
Popularity: 52% [?]
今月のフリーフォント特選：GrauBlau・Nevis
2008年04月16日 17:19:39 mami WEB TIPS
通常、フレッシュでクオリティの高いフリーフォントを探し当てるには、膨大な手間と時間がかかる。今回はまさにそういったフリーフォントを、簡単な概略を添えてご紹介したいと思う。
今月のフリーフォント特選は、GrauBlau、Nevis、Countries of Europe、さらにIngofontsデザインの縮小フォント5ベストである。使用する際は、ライセンス契約を熟読すること。尚、ライセンス契約は時折改定になることがある。
- 過去の投稿記事については、 Free Fonts Of March を、
- その他のフリーフォントについては、本サイトの Fonts を参照のこと。
Popularity: 52% [?]
クールなフラッシュデザイン
2008年04月09日 18:07:14 mami WEB TIPS
フラッシュの影響力は多大である。適切に使えば、視覚的な体験を美しく演出することができ、ビジターにユーザー間コミュニケーション環境を提供することも可能だ。確かにフラッシュは、ユーザビリティ・アクセシビリティ重視という点からすると、あまり好ましくない媒体かもしれない。が、フラッシュにはそれの強みがある。フラッシュを使用すると、単に(X)HTMLやCSSでは成しえない結果を得ることができるからだ。フラッシュを好むと好まざるとにかかわらず、サイトを対話的メディアに変身させることが出来るのは、フラッシュなのである。
フラッシュベースのサイトはサイトであることを超越しているように思う。フラッシュデザイナーは、カラフルでダイナミック、かつ華やかで極めて刺激的なアプローチを用いる傾向にある。特殊効果や動画製作、音楽やビデオ、美しい視覚的要素や対話型ナビゲーションメニューなどを駆使するのである。
以下に優れたフラッシュベースのデザインを紹介する。どれも独創的で美しく、衝撃的で際立ったデザインである。
参考までに、関連のある過去の記事も挙げておく：
Popularity: 56% [?]