カッティングエッジなカルチャーをピックアップする、クリエイティブWEBマガジンをセレクト。 いますぐキャッチアップして、クリエイティブシーンのニューウェイヴをサーフしよう！ Public-image.org Public-imageは、ANSWR代表の針谷氏によって創められたWebマガジン。 ひとつひとつの記事に、執筆者名が記載されており、 単なるインフォメーションでなく、ひとつの視点によるエディットされた情報が堪能できる。 その独自視点によるコラムは脳汁モノ。 現在は、オルタナティヴスペース「Public-image3D」など、オンラインメディアを飛び出して、 メディアと現場をクリエイティブスクラッチした実験を日々発信中！だそうです。 2次元メディアにとどまらないその心意気にクラップハンズ。 Public-image3D: http://3d.public-image.org 以下サイト
2017年6月29日 Webデザイン 今回はデザインの基礎をお勉強しましょう！デザインは複数の要素（エレメント）と原則（プリンシプル）から成り立っています。それらを簡単に説明するとともに、要素と原則を生かしたWebサイトを一諸に紹介します。私は「デザインセンスは才能」とは考えていません。デザインセンスはそれらの要素をどう組み合わせるか、という閃きとその引き出しの多さによるものだと思います。ぜひ参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ デザインの要素（エレメント）と原則（プリンシプル）は全てのビジュアルデザインの基礎と言われています。要素はデザインの「表現手段」を形成し、原則は「構造的特徴」を構成します。デザインにおける要素と原則の認識は、視覚構成をすることにおいての最初のステップ。Webデザイン、グラフィックデザイン、プロダクトデザインなど、すべてのビジュアルデザ
歴代人気記事でも上位の ポータルのポータル。 今回は、iPad・iPhone・携帯サイトなど モバイルデバイスのデザインギャラリーを集めてみました！ それでは続きからどうぞ。 iPad・iPhone Landing Pad ー an iPad App Gallery 綺麗なiPadアプリがたくさん掲載されています。 iOSpirations iPad/iPhoneのアプリやサイトデザインが紹介されています。 ishowcase 国内のiPhone / iPad最適化対応サイトが掲載されています。 iPhoneサイトデザイン集のiPhoneデザインアーカイブ 公式サイト 国内/海外のiPhoneサイトがたくさん掲載されています。 mobile AWESOMENESS 綺麗なモバイルデザインがたくさん。 Web Design Inspiration for the iPhone iPhoneに
CSS HappyLife ZERO が移転したのでお手数ですが、消えちゃう前にブックマーク等変更してもらえるととても嬉しいです。 制作会社でコーディングする場合、社内のガイドライン的なのが有ったりデザイナーもある程度固定されてると思うので、毎回似たような事を確認したりとか、このデザインはどういう意図なんだろう？ってのも、何度か同じ人とやってれば見えてくる訳ですが、フリーランスの場合だとデザイナーは毎回違っていたり、当然ディレクションをする人も違うので最初に確認しておきたい事が有ったりします。 って事で、その辺りをまとめてみたり、デザインを渡されたときにこのデザインの意図は？って思う事とかもばーっと書いてみます。はい。 なので、デザイナーさんもコーダーにデザインを渡すときに気をつけて欲しい点とかもわかってしまうすばらしい内容（だと良いな）！ じゃあまずは最初に確認しておきたい基本的なことか
ページに配置するエレメントの特質を理解し、1/3ルールやスペースやグリッドなどのデザインルールを取り入れ、「機能するレイアウト」を作るポイントを紹介します。 Using Landmarks Makes Page Layout Easy 下記は各ポイントを意訳したものです。 はじめに レイアウト、あるいはページのコンテンツの配置はウェブデザインの成功にとって重要です。レイアウトは一つのエレメントから次のものに向けるためにコンテンツの優先順位をつけます。 もしレイアウトが正しく機能していれば、ユーザーはコンテンツに興味をもち、他のものには気をそらさないでしょう。ここではあなたのデザインで機能するレイアウトを作るためのヒントをいくつか紹介します。 下記の例では、多くの人が最初に写真あるいは見出しに目がいき、その後にテキストに、そして最後にリンクの順番になるでしょう。 このレイアウトでは、見出し、
今回は、『コーポレートサイトというジャンルで、いかにしてオリジナリティあるデザインをするか？』をテーマにコーポレートサイトの事例紹介と、カヤックサイトのデザインを使ってデザイン手法をお伝えします。 手の内見せて競う！ 制作会社のコーポレートサイト 企業のブランドイメージをビジュアルで表現する、コーポレートサイトのUI。 中でも、Web制作会社のサイトでは、自社の技術力を駆使し、斬新性を打ち出すことで個性を競っています。 国内外のWeb制作会社やデザイン会社がどのような方法でオリジナリティを打ち出しているかを、いくつかのUIパターンや表現手法に沿って紹介します。そのうえで、今回のカヤックのリニューアルで、皆さんの気になっている点を説明します。 最旬！世界の制作会社コーポレートサイト事例 30 ここでは、参考にしたサイトからトップ29サイトを厳選して、以下の8つのカテゴリに分類してご紹介します
2009年7月7日。 カヤックのWebサイトをリニューアルしました。 前回は2007年7月7日でしたから、ちょうど2年ぶりです。 実は前回のリニューアル時にも解説を掲載したのですが、意外と様々な反応をいただきましたので、 今回も解説を加えることとしました。 リニューアルの最適サイクル Web制作業界に10年以上いる人間として、断言できることがあります。 それは、「コーポレートサイトのリニューアルにおける理想的なサイクル」について。 3年？ いいえ、長すぎます。 変化が早いこのネットの世界では、３年も経ってしまうと、表現面（技術面）でどうしても古さが目についてきます。 常にベストな形で自分を表現することを考えれば、3年は長過ぎます。 1年？ 逆にこれは早すぎます。 投資効果を考えても早すぎる。 1年で色あせてしまうようなものをつくるのは避けたい、と考
背景画像にアニメーションのエフェクトを加え、カラーをゆっくりと変更してサイトの印象をガラッと変えるスクリプトをYOU LOVE.USから紹介します。 <textarea name="code" class="js" cols="60" rows="5"> $(function() { // *** // Scrolling background // *** // height of background image in pixels var backgroundheight = 4000; // get the current minute/hour of the day var now = new Date(); var hour = now.getHours(); var minute = now.getMinutes(); // work out how far through
ユーザーにとって有益なユーザインタフェースを設計する際に考慮する8つのポイントをUsability Postから紹介します。 8 Characteristics Of Successful User Interfaces 以下、その意訳です。 ユーザインターフェイスの設計時に、考慮する8つのポイントを紹介します。 Clear Concise Familiar Responsive Consistent Attractive Efficient Forgiving To conclude… 1. Clear 明快 明快であるというのは、最も重量な要素です。 ユーザインターフェイスデザインの目的は、ユーザーに意味と機能を伝え、利用するアプリケーションと相互につきあえるようにすることです。そのアプリケーションがどのように機能するのか、どこに進むべきか理解することができない時は、ユーザーは困惑しが
「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな（得意な）色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」（クーラー）だ。Kulerは、さまざまな色の組み合わせ（配色パターン、Kulerでは「テーマ」と呼ぶ）をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上（2009年1月現在）ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ（以降の説明はログインしているものとして進める）。
As the monitor resolution and internet speed is advancing, it seems like more and more designers use over-sized photo or illustrated image as the website’s background. Large background image can create the stunning visual effect, especially for high resolution monitors. It can also add more life to your site design compared to the traditional tiled background graphic. Here is a collection of 80 we
EVENT PickUp 開催中・近日開催のクリエイターイベントをピックアップ！ 開催中！終了まであと2日 東京都 2024/12/16(月)〜2024/12/24(火) 宙の親族／SO RA NO U KA RA イラストレーション デジタル画家 村田行利／青田蛙舎 の年に一度の個展です。 日常に潜む不可思議で、懐かしい人や風景をお届けします。 今年のクリスマスシーズンはどうぞ銀座へお越しください。
デザインノートの創刊号「20人のアートディレクター」(2004/10発売)を買いました。トップレベルのアートディレクター20人のインタビューで、代表作やワークフローまでも紹介されててとても勉強になります。 中でも原研哉の「デザインの質は思考の総量で決まる」という言葉に、はっとさせられました。 デザインの質は思考の総量によって決まると思っています。いいアイデアが出るまでひたすら考える。方針が決まっても考える。プロセスの途中でさらに考える。それが完成してもなお考え続けることによって、意図したデザインの意味がようやくおぼろげに分かってくる。 『20人のアートディレクター』 デザインにとって一番必要なのは『考える』ことだと。 僕としてはある問題を解決するために、課題や情報を整理し、新しく形づけること だと思ってます。そのためにはひたすら考えまくらなくてはいけないんだと言ってる訳ですね。 妄想科學日
中村はウェブサイトの役割をただの情報発信の手段とはとらえない。インターネットだからこそ実現できる新しいコミュニケーションの舞台だと考えている。 例えば企業の環境キャンペーンのサイト。ユーザー1人1人が書き込んだメッセージがウェブ上で枝葉となり１本の木に育っていくと、オーストラリアの島に実際に木が１本植樹されるというプロジェクトを実現した。現実社会にはない、企業とユーザをつなぐ新しいコミュニケーションを生み出した。 ウェブサイト制作が佳境にはいると１日１２時間近くパソコンの前に座りっぱなしになる中村。デザインを練るために、何度もプログラムを書き換えては試行錯誤を繰り返す。ただしいくら追い込まれても、そこに悲壮感はない。どうすればもっと面白いデザインを作ることができるのか、あくまで面白がりながら、試行錯誤を繰り返す。 １月、中村は大手アパレルメーカーから新たな仕事を託された。Tシャツ販売のグロ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
