様々なイケてるUIを参考にできるサイト | バシャログ。
足掛け2年、全ての関連作品を見てからアベンジャーズを見て最高に盛り上がったminamiです。 Webデザインの中でもサイトのUIデザインは近年重要性を増していると思いますが、デザインする際のインスピレーションを受けられるサイトをご紹介します。 UI Patterns UI Patterns User Interface Patter Libraryというサイト名通り、UIが体系的にまとめられ解説されています。「Design patterns」ではそれぞれのUIに対して、どういう問題を解決してくれるものなのかの詳細な解説があるので、普段なんとなく使っているUIを基礎から勉強し直せます。 ui parade. ui parade. UIを種類別に集めたサイト。なかなか洗練されたものが集まってますね。 PATTERN TAP PATTERN TAP 良さ気なUIのスクリーンショットが集まるサイト
それじゃあ何も伝わらない！元ディレクターがデザイナーになって気付いた、デザイン依頼で注意すべき4つのこと : LINE Corporation ディレクターブログ
ネッツアイに火の用心 あなたのハートにG-SHOCK！こんにちは、nakatanigoです。 かつてはディレクターブログを書く立場だったのですが、諸事情により遠ざかっておりました。 というのも、かつて前職でデザイナーをしていた経験から、ディレクターを２年ほど経験した後、デザイナーに転籍したのです。 そこで、今回はその経験から、ディレクターからデザイナーにデザインを依頼する際に注意すべきことをお話させていただきます。ディレクターがデザイナーに依頼をする際、こういう言い方は避けたほうがいいという事例もあわせてご紹介します。 大前提として、デザイナーはディレクターから言われたことしかやらないわけではありませんので、依頼に疑問があれば質問し相談します。しっかりとコミュニケーションをとれば下記のような事例は起こらないと思いますが、それが抜けてしまった場合には効果の小さいデサインができあがってしまうと
私が見込み客のコンバージョンを23倍にしたリスト管理の5つの仕組み
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. 突然だが、あなたは「千三つの法則」をご存知だろうか？例えば広告を１０００部出したとしたら、３人の顧客を獲得できる（０．３％の反応率）という法則だ。 ０．３％と言うと、悪い数字だと思われるかもしれないが、実際は、安い広告で、この反応率を取れたら、会社は十分に成長していく。 しかし、顧客管理を徹底すると、これよりも遥かに高い結果を、簡単に出せるようになる。 例えば、以前担当した、ある案件では、獲得した１８６３の顧客リストのうち、１２９名が、実際にお金を払ってくれるお客さまになった。反応率に直すと、６．９２％になる。 これは、０．３％の２３．６倍の数字だ。 なぜ、これだけの反応率が出るのか？それは、売れるセールスマンがやっているように、見込み顧
デザインのインスピレーションが得られる最強Webサービス7選
毎日のようにデザインをしていると、良いデザインが思いつかなかったり、前回と同じようなデザインが完成してしまったりと、どうしてもデザインに行き詰ってしまうことがありますよね。 私自身まだまだ未熟なこともあり、デザインに行き詰ることはよくあります。そんなとき、私は極力仕事中でもカメラ片手にボーっと散歩に出たりして、どうにかインスピレーションを刺激させようとするんですが、散歩に出られないときや、散歩に出ても何も思い浮かばなかったときなどは、いくつかのWEBサイトを見てインスピレーションを刺激させます。 ｢インスピレーションの刺激になるぞ｣と思ってブックマークしたサイトはいくつもあるんですが、今回はその中から、とくに皆さんに紹介したい利用頻度の高い7つwebのサービスを紹介したいと思います。ではどうぞ！ 1.Dribbble Dribbble これはかなり有名なサイトですね。いまさら紹介するまでも
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Appleのウェブデザインから学ぶ、ディテールを強化する9つのポイント
Designer Dailyの記事を参考に、Appleのウェブデザインからディテールを強化する9つのポイントを紹介します。 Creating beautiful web designs: 9 details that matter Apple [ad#ad-2] 下記は各ポイントを意訳し、Appleのサイトを例にしたものです。 ドロップシャドウ ドロップシャドウは、デザインに深さを与える素晴らしいテクニックです。しかし、計画的に使用しないと、とても素人くさい外見になってしまいます。 良いドロップシャドウを作るには、2つの重要なポイントがあります。 シャドウは繊細にする。 ページ内の光源は一貫したものにする。
Appleから学ぶウェブデザインに役立つ10のチップス
10 Lessons on Design We Can Learn From Apple [ad#ad-2] 下記は各ポイントを意訳したものです。 #1: Simple Is Better #2: 商品写真の使い方 #3: コントラストを効果的に #4: 簡単に妥協しない #5: Flashから離れる #6: フレンドリーに #7: グリッドの活用 #8: Learn moreコンテンツ #9: 一貫性 #10: ただのコマースサイトにしない #1: Simple Is Better 派手なデザインの「購入する」ボタンやグラフィックが満載のウェブページほど嫌なものはありません。それは取り散らかされただけの下品なページです。 Apple Store Appleのページは「less is more」の好例で、派手な広告やプロダクトであなたを攻めたてることはなく、むしろあなたが見るべき一つのもの
Appleのデザイン戦略をウェブサイトから学ぶ、15のデザインヒント
Appleの美しいウェブサイトから学ぶ実用的な15のデザインヒントをDesign Shackから紹介します。 15 Design Tips to Learn From Apple 下記は各ポイントを意訳したものです。 サイトのキャプチャは可能なものは日本サイトのものにしています。 はじめに Apple社は高級なデザインと類語です。Appleが発信する偉大なデザインを観察することから、学べることはたくさんあります。 ここにあげた15のポイントはあなた自身の仕事に活用されることを意図したものです。この素晴らしいサイトデザインをあなたのインスピレーションとして使用してください。 1. Keep it Simple アップル Appleのウェブサイトを一目見てください。そして、あなたの目に見えるものではなく、見えないものについて注目してみてください。 例えば、空港でトイレを探していると想像してくだ
Webデザイナー（私）によるWeb制作のときに気をつけてることや制作フローとかいろいろ
私はフリーランスの Web デザイナーとして、クライアントさんの Web サイトを作成するお手伝いをさせていただいています。今回は、私が仕事でデザインするときに気をつけている事や、Web 制作のフローをまとめてみました ...。 Webサイトを作るとき、みなさんはどんな制作フローをたどって作ってますか？私はフリーランスで仕事をしていて、最初から最後までひとりで作ることが多いです。今回はふだんデザインする時に気をつけてる事や、いつもしている Webサイトの作成フローをまとめてみました。もっと効率化できることがあるはずだなーと思いつつ、最初から最後までを書いてみました。 また、Webデザイナーってどんな仕事なのっていう質問をときどきいただくので … こんなことしてます … みたいな紹介です。これはあくまで私が Webサイトを作る時にしているフローで、他の Webデザイナーさんや制作会社さんと違
きっとトラブルが起きにくい！ウェブデザインの制作順序を書きました。 | バニデザノート
ウェブサイトの制作には、いくつかのフェーズがあります。 企画→制作→構築→公開を何度もくりかえすこともあり、スパイラル方式なんて言われることもあります。 今回は、ウェブサイトの制作順序を書いてみたいと思います。 むかしはこういった文章をブログなどで書く方が多く、本もたくさんあったのですが 今は知識や技術に偏ったものがおおく、目に触れることが少なくなったのかもしれません。 もしくは、あたりまえのことだから言わなくなったのかもしれません。 しかしながら、ウェブを気持ちよく制作するために基本というのは重要なことだとおもい 再確認もこめてかきました。 ウェブ制作を行なっている人、 これからウェブの業界に入りたいとおもっている人、 これからウェブを発注する予定のある企業の方に読んでいただければいいなぁと思っています。 ・ヒアリング どんなサイトにしたいのかをお客様へお伺いします。 対象となるブラウザ
アナタはどの部分に目がいきますか？デザインの基本：視線誘導や視認性について。（エロいようで真面目な話） / Maka-Veli .com
まずはこの画像をクリックしてご覧ください。 上記画像は話題のPinterestですが・・・ もしアナタが男性なら、 この辺りに目が行ってないですか？ もしアナタが女性なら、 この辺りですか？（浅はかでしたね・・・女性はもっと違うところですね） そんなの当たり前？ じゃあなぜだと思います？ 色分けすると・・・ 目立つのは左の黒っぽい2点か、右上の赤1点じゃないでしょうか。 人の目は色で判別しがちと思われますが、デザインは色だけじゃないって事ですよね。 これらの例は少し強引な意味づけしてますが、大筋はおわかりになると思いますので、その体で話を進めます。 もちろんこれらの例は、本能的に視線が誘導させられてるのですが、 この視線誘導には色んな手法がありますよね。 Z / Fの法則だとか、色の問題だとか、あとは上記のように性別的な問題。 Webサイトデザインの場合 左上や
Webサイトのツリー構造とコンテンツのメタ情報、そして、ナビゲーション：DESIGN IT! w-LOVE
この一覧を階層構造的に分類していくのが、Structure段階でのインフォメーション・アーキテクチャのタスクの１つです。 その際、コンテンツ分類を行なう際に意識するものとしては、以下のようなものがあげられるでしょう（これがすべてではありません）。 ターゲット別（個人顧客、法人顧客、株主・投資家、マスコミ、学生など）コンテンツ内容別（製品カテゴリー別、サポート情報、FAQなど機能／非機能コアコンテンツ／サブコンテンツ（企業の基本情報とスペシャルコンテンツ、ブログなど）時系列で並ぶもの／そうでないもの分類は現実のモデルを反映しているか？ 一般的に認知されているものを想起させるか？ もうひとつインフォメーション・アーキテクチャを考える際に行なっておくべきことは、コンテンツにどのようなメタ情報を付与するかでしょう。 メタ情報を付与することで、先のコンテンツの階層化による分類を越えて、コンテンツ間を
WD101 : could
WD101: PC脳な制作者にありがちな8つのアプローチ デスクトップパソコン時代と同じような感覚で設計されているスマートフォン向けサイトは少なくありません。PC脳から抜け出して、今必要とされるデザインの感覚を養わなければ、ますます利用者のニーズから遠ざかってしまいます。 WD101: 画面ではなく部品から始めてみよう 利用者環境を断定してページレイアウトを作れなくなった今日の Web デザイン。ページという枠を作ることから始めるのではなく、コンテンツをまとめる最小単位「コンポーネント」の設計から始めます。 WD101: Webデザインであるもの、そうでないもの これから「Webデザインしたい！」と考えている人たちが、何をもって良い Web デザインなのかが見え難くなる場合があるので、ひとつの方向性を示した項目を幾つか挙げてみました。 WD101: Webのデザインは枠のない世界である 適
「ホームページを作る人のネタ帳」さんのリデザインをしました
2013年3月23日 Webサイト制作, Webデザイン Webデザインには大きく分けて2種類あります。新規作成と、既存のサイトのリデザインです。今回「ホームページを作る人のネタ帳」さんのリデザインをお手伝いさせて頂きました！リデザインにあたり、改善点やリデザインの流れをケーススタディーとして公開してみようと思います。 ↑私が10年以上利用している会計ソフト！ 打ち合わせ リデザインにあたり、まずは入念な打ち合わせをします。Yamadaさんからの要望は、 とにかく読みやすく、スッキリと 差し色にピンクを使いたい jQueryを使った何か仕掛けが欲しい の三点。文章主体であるこちらのブログでは読みやすさが命。スッキリとしたデザインを第一にしてほしいとのこと。また、「ユーザーに数秒でもいいので楽しんでもらいたい」という思いから、何か仕掛けを、と依頼されました。Yamadaさんらしい遊び心ですね
WEBデザイナー辞典｜WEBデザイン/WEBデザイナー/WEBデザインのノウハウ情報
webデザイナーには独学でなることも可能です。技術さえ持っていれば年齢や学歴にも左右されない強いカードになることでしょう。 残念ながら当サイトは2008年に作られたサイトなのでテーブルコーディングがところどころ採用されていたりとテクニックやデザイン的に古いです。今はDreamwerver等のウエブデザイン専門ソフトを使わなくても、簡単にホームページが作れる時代です。 webデザイナーになりたい！でもどうやって勉強したらいいの？そんな悩みを持つ君に、ホームページ制作課題を数パターン用意してみました。まずはチャレンジしてみませんか？ 仕上がったら展示場に投稿してみんなに見てもらおう。（現在は投稿機能は終了していますが、各自ぜひお勉強のためにトライしてみてくださいね） 現場のプロがやさしく書いた Webサイト運営・プロデュースの教科書 webサイトのプロデュースから、webデザイン、SEO、運営
第1回 mixiを使っているのは誰なのか、そして新インタフェースの理由
第1回 mixiを使っているのは誰なのか、そして新インタフェースの理由：短期集中連載・mixiはどこへ行く？（1/3 ページ） いま、mixiはものすごい勢いで変わりつつある。 2011年、mixiが力を入れて取り組んでいるのがユーザーインタフェース（以下、UI）変更だ。5月11日にスマートフォン用UI（mixi touch）を、9月7日にケータイ用UI（mixiモバイル）のUIを変更。PC版のUIについても10月12日から順次変更を行っており、2011年度中には全ユーザーが新UIに変更されるという。 Web版mixiだけでなく、スマートデバイス用アプリも次々にリニューアルを行い、新UIへの変更を進めている。iPhone用アプリ（2008年7月リリース、現在のバージョンの元になっているのは2011年3月スタートの更新版）、Android用アプリ（2010年12月24日リリース）はこまめにア
国内Webサイト参考デザイン一覧集 | Maka-veli.com
ん？タイトルの日本語、なんかおかしい？(笑) 自分用に、国内のWEBサイトサンプル集をメモ。 やっぱ国内のが参考にしやすいですよね。 ズロック http://www.zzrock.net/ 一番お世話になってます。 検索も楽です。 そしてサイト自体のデザインも好きです。 (黒×黒のロゴとかやっちゃうとこがまた良い) iKeSai.com http://www.ikesai.com/ なんか気楽に見れる。見やすい。 WEBdeDB http://www.webdedb.com/ 更新減ってきたけど、数多い。 (Faviconつけてほしいー…) WEBデザインの見本帳 http://www.web-mihon.com/ 印象から検索できるのは嬉しい。 サイトがかわいい。 webselection http://web-selection.com/ シンプル。み
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
有名サイトのボタンデザイン21個をPhotoshopのレイヤースタイルファイルにしてみました | DesignWalker
layer8.sh
WEBディレクターの為のEXCEL術（1）作業スケジュール | designaholic -Creative Column-
