Dribbble - What are you ... / Gallery of UI Elements -... / 365psd | Download a free...他...全6件
![UIデザインに行き詰ったときに見るとインスピレーションが得られるサービス](https://cdn-ak-scissors.b.st-hatena.com/image/square/05d6495148847d32ce6b153ba77d8067c8a3d1b0/height=288;version=1;width=512/http%3A%2F%2Fw3q.jp%2Fupload%2F2012%2F5%2F2%2Fl_2012-5-2_5dbea21277038fba592bafc17ddfee55.jpg)
PCにモバイル、スマートフォンにタブレット、そして今後はデジタルTVまでユーザーがデジタルコンテンツに多種多様なデバイスでアクセスし、消費する時代が本格化している最中。デバイス毎にウェブサイトをデザインしていてはキリがないとばかりに、最近注目されているのが「レスポンシブWebデザイン」という画面サイズやOSにデザインを柔軟に対応して表示させる手法。今回は、そんなレスポンシブWebデザインを実践しているサイトからThe Next Webが厳選した10の素敵なサイトを紹介します。 — SEO Japan 最近、皆が異なる方法でコンテンツを消費している。私の母はネットブックを持っているし、友人は27インチのiMacを持っていて、ガールフレンドと私はスマートフォンを持ち、彼女の母はiPadを持っている。 あなたのコンテンツはこれまでになく多くのデバイスとブラウザで閲覧されており、デザイナーはそのこ
組織や企業、ブランドにグループなどで非常に重要な役割を持つ「ロゴ」。内容を表しながら見栄えも良いものが優れたロゴと言えそうですが、その条件を満たした48種類のロゴを集めてみました。どれも新鮮なアイデアに飛んだデザインばかりで、これから何かをデザインする時などに参考になるかもしれません。 良くできたロゴは以下から。01:Little LEO 02:Fashionable Alligator 03:DODO Pizza 04:Picshooter 05:De La Comforta 06:La Chatica 07:Buck Tales 08:Flight House 09:The Empire of Good 10:Macho Grill 11:Tackle 12:Owlove 13:Hidalgo Stout 14:DODO Pizza 15:Red Fish 16:Sdelano 17:
いつもの同じようなデザインから離れて、新鮮でユニークなウェブデザインを生みだすために役立つ10のアイデアを紹介します。 10 Ideas for Creating Innovative and Unique Web Designs [ad#ad-2] 下記は各ポイントをピックアップして意訳したものです。 カンバスはブランクから始める Photoshopで作業をはじめる時は、白ではなくブランクから始めるようにします。 白は白がある状態なので、何も無い真っさらな状態にします。 用意されたレイアウトに頼らない 960 Grid Systemなどのフレームワークを利用するのは確かに簡単で素晴らしいですが、そういった用意されたレイアウトには頼らずに自身で考えて作りだし、それを機能させる方法を見つけだしてください。 CMSは使わない 今日、WordPressを始めとする素晴らしいCMSが数多くリリース
販促会議賞という企画コンペに出させていただき、ファイナリストに残ることが出来ました! 本職デザイナーが、どうやって考えて企画を立てたか。思考の足跡をつらつらと書きます。 ちなみに出した企画はこちら。 ただいまWeb投票もしているので、企画見てオモロイ!と思った方は、ぜひ投票お願いしまーす! まずは販促会議賞ってなに?という人にご説明。 販促会議賞は、いろんな企業から「この商品の販促アイデアを考えて下さい」という感じでお題が出され そのどれかに応募するというものです。 企画をパワーポイントにA4サイズ10枚以内で、容量は5MB以内にまとめてくださいというルール。 誰でも参加可能、いくつでも提出OKです。 今回は、全27社から28課題出てました。 1.まずやったこと どうしたら勝てるか研究しました。 販促会議賞は第2回目だったので、1回目の受賞作品をざざっと拝見。 思ったこと 第1回の優勝者、
Jason Zimdars / 青木靖 訳 2010年8月31日 「Webデザインを始めたい場合、どうすればいいんでしょう?」とか、「Webアプリを作り始めるには、どんなスキルが必要ですか?」といった質問をする人がたくさんいる。おすすめの本を山ほど挙げたり、「となりのやつより115%上をいく55の技」みたいな記事を何十本かリストアップするのは簡単だが、本当のところを言うと、始めるために何かを学ぶ必要はない。一番重要なことが何かというと、ただ始めることなのだ。 何かを作り始めること。Webデザインを学びたいならWebサイトを作ればいい。起業家になってWebベースの製品を売るビジネスを始めたいなら何かアプリを作ればいい。まだスキルがないかもしれないけど、どうしてそんなこと気にするの? どんなスキルが必要になるかもわからないというのに。 すでに知っていることを使って始める Webで何か作りたいん
ゴールデンアーチ(マクドナルドのマーク)を巧みに使ったクリエイティブな広告など、マクドナルドの面白い広告を世界各国から12種類ご紹介。「Sort Your Head」と書かれたパズルになっているLサイズコーヒーの広告無線LAN完備のマクドナルドの広告「ここにマクドナルドが建ちますよ」という広告マクドナルドがトリノオリンピック(2006)のスポンサーになったときの広告濃厚ミルクシェークの広告夜でも利用できるドライブスルーの広告(BROADをかけたダジャレだと思いますがよくわかりません…)バス停の仕切りに新鮮サラダの広告同じくバス停に深夜でも開いてるお店の広告「ここから200メートル」「ここから197メートル」…新しくオープンしたお店の広告ロック・ン・ポテト関連記事高さ5メートルからジャンプしてシュートを決めるNBAマスコットのスタント 飲むのがもったいない!かわいい動物のカフェアート写真×2
好評.comは激安で高評価な掘り出し物検索サイトです。半額以下で多数レビューが付いた高評価アイテムだけを毎日紹介しています。4つ星以上の評価と5つ以上の好意的な感想、しかも定価の半額以下の商品だけが対象の通販検索サイトです 質と価格で既に大勢の人に選ばれている、お得な商品が簡単に見つかります
Design Works - デザインワークス姉妹ブログ・DesignDevelopのデザインをリニューアルいたしました。 Designworksの新ドメインでの運用・リニューアルのご報告はさせて頂きましたが、Designworksのリニューアルとともに、姉妹ブログとして運用しているDesignDevelopのデザインも、大幅にリニューアルいたしました!!! Design Worksは、様々な商品やインスピレーションから生まれた新しいデザインを発信し、販売促進に繋げる広告やデザインを作り出しています。大幅にリニューアルしたDesign Worksでは、オンラインカジノ 日本語対応のデザインなど、オンラインの新たな分野にも活動を広げています。最新のH P新デザインとなった姉妹サイトブログのDesign Developと共に、今後もウェブデザインに関する様々な情報をお届けしていきます。 今回、
Webサイトのテーマと内容,サイトやメニューの構成,宣伝方法にいたるまで,企画のベースには,一貫する「アイデア」がある。この企画のアイデア―――漠然と「企画案」とか「提案内容」と呼ばれることもある―――を見つけることが,企画という仕事の肝だ。 アイデアがわく人と,わかない人には決定的な違いがある 良い企画のアイデアさえ見つかれば,後は技術と知識で膨らませて,ユーザー層,制作目的,訴求効果といった項目に落とし込み,企画書の体裁に仕立てるだけだ。この作成作業自体は,暗記と反復練習次第で,比較的容易に習得できる。 ところが,こと「発想」に関しては,知識の丸暗記はあまり役に立たない。制作会社から「制作技術は学べるが,発想は学べない」という声を聞くことがある。手順をマニュアル化して伝えられるものではないので,後進の育成が難しいのだ。 筆者から見ると,アイデアがわき出る人と,アイデアがわかない人では,
過去のWebサイトを丸ごとローカルへ復元するWarrick スポンサード リンク InternetArchiveには過去のWebのアーカイブが保存されている。私が90年代に運営していたaccess.or.jpというWebサイトを見たければ、 http://web.archive.org/web/*/http://www.access.or.jp から日付選択でその日の姿のWebを表示させることができる。 とても便利なアーカイブサービスだが、バックアップされたサイト全体をダウンロードするのは面倒である。Warrickを使うと一行の指示でその作業を自動で行ってくれる。 ・Warrick - Tool for Reconstructing a Website http://www.cs.odu.edu/~fmccown/research/lazy/warrick.html 動作にはPerlが必要
これは素敵。 文章を円形に並べているデザインってたまに見かけますよね。パンフレットやチラシなんかで。 いままで、それを作るには「Adobe Illustrator」などの専用ソフトが必要でした。しかし、この「Party Printer」を使えば一瞬で作成できちゃいます。しかも無料。 テキストと形、そしてフォントなどを設定するだけで完了です。円形以外にも迷路や波の形にすることもできますよ。 » Party Printer 下記、使い方を簡単にご説明。 ↑ まず、好きな文章を入力します。残念ながら日本語には対応していません。 ↑ 次に、形を決めます。よく使うのは円や波の形でしょうか(ちなみにrebusというのは文字を使ったクイズです)。 ↑ フォント、文字の大きさ、印刷する場合のサイズを決めます。 するとこのような(↓)pdfができあがりますよ。 ↑ 円形。イベントやパーティのフライヤーなんか
CSSもHTMLと同じように、ソース中にコメントを挿入することができます。 /*と*/で囲った文字列がコメントになりますが、入れ子にすることはできません。また、他のプログラムにあるような「#」や「//」といった単一行コメントはありません。 適切なコメントを挿入することで、複数人での作業するときや、時間がたってから編集するときなどにコードの見通しが良くなります。ブラウザ間の差異を埋めるための宣言やハックなんかも、適用させるブラウザ名や理由などをきちんとコメントで書いておきたいですね。 僕は、スタイルをグループに分けて記述するときなど、コメントを目立たせるために次のように記述しています。 /* ------------------------------ Header ------------------------------ */ div#header { } . . /* -------
Jim Wimpeyさんのサイトで「CSSだけで文字にドロップシャドウをつける方法」が紹介されていました。これ、便利そう。 » Good-Looking, Sharp Offset, CSS Text Styling 実例はこちら。 ↑ 適用前。 ↑ 適用後。かっくいい。 やり方はいわれてみれば簡単で、1pxずらして影をつけただけ(というか影を先に書くのか)。 実際のコードは以下のような感じですね。スタイルシートには次のように記述します。 h1 { color: #000; position: relative; } h1 span { color: #fff; display: block; position: absolute; top: -1px; left: -1px; } 実際のHTMLの方はこんな感じ。 <h1><span>Lorem Ipsum</span>Lorem Ips
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く