Webデザイン｜WEB制作・WEB開発のTips＆News Kamimoto.biz Labs

2010年2月25日

web制作者向けの雑誌といえば、Web Designing (ウェブデザイニング) と並び双璧をなしているWeb creators (ウェブクリエイターズ) 。

そのWeb creators (ウェブクリエイターズ) が、月刊誌としての発行体制を終了すると発表しました。

web制作者向けの媒体にも、出版不況がやってきているようです。

月刊「web creators」のWebデザイン情報ポータルサイトへの移行のお知らせ

Web制作者向け月刊誌「web creators」（ウェブ・クリエイターズ）を、2010年5月号（2010年3月29日発売）をもって月刊誌としての発行体制を終了し、同日より運営するWebデザインの情報ポータルサイト「MdN Design Interactive」内の1カテゴリとして「web creators」のブランドに統合することを発表しました。

ウェブデザイニングと同じぐらいに好きだったのに...

残念です。。

• Web Designing
• web creators
• 雑誌

2009年11月15日

ロゴはずーと使うものなので、当然大事になってきます。

いろんな思いが込められますからね。

で、ロゴにもいくつかパターンがあります。

代表的なものを列挙してみました。

• 抜く
• 回転する
• 切る
• ライン
• つなぐ
• 切って重ねる
• 変形させる
• カットする
• ラインを入れる
• 色をそのまま重ねる

• デザイン
• ロゴ

2009年11月 7日

デザインでのテクスチャ効果はピリッときくスパイスのようです。

おおまかに書くと、テクスチャの特徴は下記です。

• 白と黒
• 繰り返し

テクスチャを使った場合と使っていない場合との違いは、下記とも言えるでしょう。

• 違いを際立たせる
• テクスチャ以外の他の個所を目立たせる
• 世界観を構築する

Fireworksにもテクスチャはあります。

ぜひ、活用しましょう。

• Fireworks
• テクスチャ

2009年11月 2日

デザインとアートって、デザイナーでない人が普段生活するうえでは、正直どうでもいいというか、違いがないように映ると思います。

でも、当然、両者は違いますよね。

本質が違うのはもちろん、その求められる役割が違うというか。

• 「デザイン」に求められるのは、『問題解決』
• 「アート」に求められるのは、「問題提起」

「デザイン」はクライアントが現在リアルに抱えている問題を解決するための手法を示すことが最優先。

かたや、「アート」はデザイナー自身が世の中に新しい問題を提起するための手段ではないかと。

デザインが問題解決のための手法であるからこそ、デザイナーは、消費者、ユーザーの意識・無意識両面でのアクションを得るための心理学的なものを多少はたしなんでおく必要があるのかなぁと思います。

もちろん、マーケティングやる人もね。

• アート
• デザイン

2009年10月23日

今年の下半期のWebデザインのトレンドは、確実にこれでしょう。

ウィンドウサイズを変えるとコンテンツが再配置される可変グリッドレイアウトです。

ということで、まずはサイトから。

可変グリッドレイアウトなサイト

• 小林聡美.jp
• Marunouchi.com

前者は面白さがありますよね。
あと、後者は、あの中村勇吾さん率いるtha ltd.さんが制作です。

可変グリッドレイアウトを実現するための日本語ライブラリ

私もこうした大それたタイトルのブログを書いてますが、別にプログラマーではなくて、ただのディレクター・プロデューサーです。

なので、「コードを書けないけど、どうにかしてサクッと作りたい」と考えてしまいます。

そんなときのライブラリ。

可変グリッドレイアウトのjQueryプラグイン書いたよ

これは、便利ですね。
サンプルの6番目は、消去もできるようになっています。

• jQuery
• グリッドレイアウト
• トレンド
• プラグイン

2009年10月 3日

Web制作・開発のための今日のブックマークです。

今日は、JavaScriptとウェブデザインのブックマークを1つずつです。

・実践JavaScript - 株式会社ALBERT 社内勉強会資料
JavaScriptの資料。

基礎の部分の目次を引用してみると、

1. JavaScriptを実行する
2. scriptとonclick
3. JavaScriptとEvent
4. DOM Events

こんな感じ。

非常にいい資料です。
勉強になります。

・単調なウェブサイトのデザインに手を加えてクオリティをアップするチュートリアル

ウェブサイトのカンプの土台に対して、詳細な部分をブラッシュアップしていく方法の解説。

• JavaScript
• デザイン

2009年7月 4日

よさげ。

いい雰囲気のWebサイトの作り方教えます―JWDA

第1部は、「サイト制作におけるトーン＆マナー※の理解とデザインの自由度」
第2部は、「ライブストリーミングを活用したプロモーションのノウハウ」

特に第1部に興味津々です。

というか、懇親会が入って3000円ってのもいい。

ちなみに、JWDAは、日本WEBデザイナーズ協会の略です。

• JWDA
• デザイン
• トーン
• マナー

2009年7月 2日

Web制作･開発のための今日のブックマークです。

今日はモバイルのブックマーク。

・デザイン主体のモバイルサイトとオフラインでの活動

モバイルサイトのデザインを考える時は、いかにストレスを感じることなくサイトを表示することができるかが一番のポイントとなります。 そのサイトに合ったデザインを考え、画像ひとつひとつができるだけ軽くなるように減色作業を行い、必要最低限の画像しか使わないようにしています。

大事なポイント。
ただ、やはり機種ごとの対策をどこまで行うかは、予算が青天井じゃない以上、神経質になるところだ。

・モバイルの人
更新とまってるけど、おもしろいブログ。
資料としての価値もありそう。

・Mobile Design Pattern. Stylish Widget in Mobile

A widget is very important in mobile. Without widget mobile became very simple.

知っときたいポイントが満載。

• livedoor
• nokia
• ui
• widget

2009年6月14日

Web制作・開発のための今日のブックマークです。

・16×16
faviconなどのアイコン作成用のサービスです。
何気にアイコン作りのようなドット絵は楽しかったりしますね。

・Add-ons for Firefox
Firefoxの最大の魅力は、Firebugなどに代表される数多くのアドオンでしょう。
そんなアドオンですが、有効なのに日の目を見ないものが多いのはほかの世界でも同じです。
そんなアドオンをソーシャルの力を利用して掘り出そう的なサービスですね。

• Firefox
• はてな
• アイコン
• アドオン

2009年6月 1日

Web制作･開発のための今日のブックマークです。

・[JavaScript] JavaScriptでよく使う書き方。
正規表現。

・クオリティーの高いフリーのグランジテクスチャ10
ためになります。

・ 名刺にメールアドレスではなくWaveアドレスを書く時代がすぐそこに？
そのためには、Googleのシェアを日本のIT従事者以外の一般人にも広める努力がより一層必要かなと。

• Google
• JavaScript
• 正規表現

こちらで紹介してるWEB制作・WEB開発は、各種サービスサイトでご相談ください。各種ライブラリ（Prototype.js、script.aculo.us、jQuery）によるAjax開発、Movable Typeサイト制作のサイトへぜひ一度アクセスしてみてください。

• サイトマップ
• お問い合わせ
• ホームページ制作
• Web制作アイデア
• HTMLコーディング
• SEO
• SEO対策情報ブログ
• ウェブデザイン
• twitterデザイン
• twitterサービス
• twitter情報
• 動画まとめ
• 音楽動画