タグ

designに関するwebmugiのブックマーク (248)

  • スマホアプリの「使いやすさ」とは何か、を考えてみた - もとまか日記Z

    スマホアプリの使いやすさって、なんだろう? 実は最近、よく考えてるテーマです。そんな感じのメモ。 「使いやすい」時、どう感じるのか まず、使いやすい!と思った時にどう感じてるのか、を整理してみると、・なんか気持ちイイ!・こりゃ簡単!・また使いたくなってくる!そして、・長く使うようになる・そのうち無意識に使うようになる つまり、使いやすさの重要なポイントとは以下。・簡単・気持ちよい 「簡単」ってなんだろう では、簡単って何でしょう?・見ただけで分かる・迷わない・(他のアプリと)操作が同じ・ボタン、機能の数が少ない・数が多いと選択、判断が入る故、難しい・5個がボーダー かも?・スーパーヒーローも基は5人。・そういう意味では3個もアリ。・慣れたら5個以上になっても平気。・その頃の「基の5個」はきっと空気のような存在になってる。・つまりスーパーヒーローでシーズン中盤から追加メンバが入るのは 決

    webmugi
    webmugi 2011/07/13
    「気持よさ」とか妥協してしまっているところが多々ある。(自戒)
  • Photoshop VIP ☞ ボタンデザイン完全版、ダウンロードしておきたいPhotoshop無料PSD素材60個まとめ

    Webデザインにおいてよく利用するデザインパーツのひとつ「ボタン」デザイン。 海外デザインブログWeb and Designersで、これまでに紹介したことのないPhotoshop用無料PSDボタン素材を60個まとめたエントリー「60 Outstanding Free PSD Buttons」が公開されていたので、今回はご紹介します。 多くの素材に色違いや大きさによって複数のボタン素材が収録されているので、ダウンロードしておくと便利かもしれません。 どれもPhotoshop用PSD素材を収録しているので、自由にボタンサイズ、テキストなどの変更も行うことができ便利ですよ。 詳細は以下から。 ダウンロードしておきたいPhotoshop用PSDボタン素材まとめ Follow Buttons 3色の異なる色でデザインされたボタンデザインセット、それぞれ通常時、ホバー時、アクティブ時の3種類ずつ用意

    webmugi
    webmugi 2011/07/12
    カラーコーディネートに気をつけて。
  • TwitterやFacebookの独自アイコンを作る場合に覚えておきたい「Picons」:phpspot開発日誌

    Picons | Vector Icons and Pictograms TwitterやFacebookの独自アイコンを作る場合に覚えておきたい「Picons」 ベクター形式でロイヤリティフリーなので独自アイコン作成の際にはうってつけ。 デザイナーさんなら誰もが独自のアイコンを作りたいと思うのでこれをベースにするとよさそうです。 60種類のソーシャルアイコンが同梱 配布形式も色々で扱いやすいです。 アーカイブをDLすればそれぞれ収録されています 関連エントリ 選びたい放題のフリーのソーシャルアイコンセット色々 TwitterやFacebook等、フリーで使えるソーシャルメディアアイコンセット40 シンプル白黒がいい感じのソーシャルアイコン37個セット「LinkDeck」 白黒シンプルがいい感じのベクター形式のソーシャルアイコンセット

    webmugi
    webmugi 2011/07/12
    各種Webサービスのアイコン。ベクター形式で再加工可能。
  • オンライン カジノ ランキング 日本 ⚡️ Top Online Casino 24: インターネット カジノ お勧めサイト 2024

    おすすめオンラインカジノ3選!ここを選べば間違いなし! ここからはカジQがおすすめするカジノを紹介していくぞ。 毎月の様に新サイトがリリースされるオンラインカジノ業界。その中から自分にあったサイトを選ぶのは簡単ではありません。初めて登録する方の中には「オンカジを選ぶ段階で失敗したくない…」と感じてる方も多いのでは? そこで!ここではカジQがおすすめするオンラインカジノを3つご紹介します!現役プレイヤーのライター達が選んだ、プレイヤーがプレイヤーにおすすめしたいオンラインカジノです!(スポーツベットの方が興味のある方は、こちらからブックメーカーについてもまとめています。) 迷ったらここを選んでおけば失敗はないかと思います! *当ページでは各カジノの入金不要ボーナスのリンクも掲載しているので是非ご利用下さい。入金不要ボーナスだけでなく、他のボーナスも気になる方はボーナス一覧ページから! 日

    webmugi
    webmugi 2011/07/11
    1KBのCSSでどこまでデザインできるか。面白そう!
  • これだけあればシンプルアイコン探しには困らないかも!全部フリーのシンプルアイコンを一挙紹介! | バンクーバーのうぇぶ屋

    僕はとにかくシンプルなデザインが大好きです。無駄が無く、伝えることだけを伝えるあの潔さと、目的意識の高さが気持ちがいいです。もはや愛してます。 そんなミニマル変態な僕が集めたシンプルアイコン集。Evernoteのノートにびっしりになっていたので、せっかくだからここで全部ご紹介出来ればと思います!これだけあれば、まぁ今年は困ることは無いでしょう(たぶん)。自称ミニマル変態の僕は、まだまだ追加していくつもりなので、何か知っていれば是非教えてください! なんだか一部、別にシンプルじゃないアイコンも混ざった気がしますが、その辺は軽く流してあげてください。僕のEvernoteの中は、人に見せられないくらい乱雑な分け方なので、整理整頓かねて、ちょっとこういう投稿増やしていこうかなと思います! あと、大半は僕も商用利用を確認して利用したので、ほとんどはCommerciallyであることは確認していますが

    webmugi
    webmugi 2011/07/09
    「…かも」つきですが。
  • ASSIOMA(アショーマ) » あなたがクリエイトしたいエクスペリエンスはなんですか?

    突然ですが、以下の項目はあるプロダクトのユーザーエクスペリエンス・ビジョンだそうです。 みなさんは何のプロダクトかお分かりになるでしょうか? 速くて見た目もよく、楽しく使えること カレンダーからものすごく簡単に情報を取得できる 四角形が並んでいるだけ以上にする 共有が簡単で自分の生活を一望できる カレンダーと聞いてピンときた方もいらっしゃるかもしれませんが、 正解は「Google Calendar」です。 プロダクトを開発していると最終的なUIの使い勝手(ユーザビリティ)にフォーカスしがちになりますが、このユーザーエクスペリエンス・ビジョン、いわばプロダクトのゴールとも言えるものを作り手側できちんと共有することがプロダクトを開発する上で非常に大切だなーと最近よく感じます。 このビジョンが共有できていないと、プロダクトを作っていく過程で軸がぶれてしまい、プロダクトがどこに向かっているのか具体

    ASSIOMA(アショーマ) » あなたがクリエイトしたいエクスペリエンスはなんですか?
    webmugi
    webmugi 2011/07/07
    エクスペリエンス・ビジョンを持て!
  • スクロールに応じて要素がアニメーションする、視差効果(パララックス)を取り入れたWebデザイン例とTipsいろいろ - かちびと.net

    スクロールに応じて要素がアニメーションする、視差効果(パララックス)を取り入れたWebデザイン例とTipsいろいろ - かちびと.net
    webmugi
    webmugi 2011/07/06
    紙でも動画でもないWeb的なデザイン。
  • Photoshop Etiquette: A Guide to Discernible Web Design

    They say a good designer is a meticulous one. “Sweat the details” and all of that. But how well does that ethos check out when we’re passing along PSDs? Take a look at a recent comp. Layers named? Original assets preserved with masks? We may be detail-oriented when it comes to prescribing layout and type, but the organization of our artwork suffers as a means to an end. Efficiency masquerades as g

    Photoshop Etiquette: A Guide to Discernible Web Design
  • J-tokkyo

    Permainan di situs sukaslot88 online seperti “Queen of Bounty” telah memikat banyak pemain dengan grafis yang menawan dan potensi hadiah jackpot yang menggiurkan. Salah satu daya tarik utama dari permainan ini adalah jackpot yang sering menjadi target bagi banyak pemain. Namun, untuk benar-benar meningkatkan peluang Anda meraih jackpot, penting untuk memahami bagaimana membaca pola permainan. Mesk

  • http://www.j-tokkyo.com/2011/06/25/37275.html

  • http://www.j-tokkyo.com/2011/07/01/37392.html

  • KICKS Web|Webデザインに関するあれこれ

    webcreatorbox.comさんの記事が盛り上がってるようですね。 こもりさんのところにお手みたいなエントリーが公開されてるので私が書くことはもう何も無いのですが、このテーマはもう何年も考え続けているので、自分の頭をちょこっと整理するために書きます。 社員コーダ—時代の話 私は、ざっくりした言い方をすると「デザインの重要性はそこそこ」派です。 これはおそらく個人的な恨み(!)も関係していると思います。 というのも、私が制作会社でコーダ—として仕事をしていた頃って、今とくらべものにならないくらい「デザイナー>コーダ—」の図式がハッキリしていたように思うのですね。 分かりやすい例をあげると、デザイナーはクライアントとの打ち合わせに同席するのに、コーダ—は連れていってもらえなかったんです。基的にコーダ—は、社内で仕事が落ちてくるのを待つだけ。気づいたときにはかなり無理のあるデザイン

    webmugi
    webmugi 2011/06/22
    コーディング愛。
  • WD101: Webは見た目のコントロールがきかない

    このシリーズでは Web Design101(WD101)と名付けて、ウェブデザインをより深く理解するための最初の一歩になる知識やノウハウをコラム形式で紹介していきます。 DTPという名の足かせ Webデザインはよくも悪くも DTP のノウハウを受け継ぎながら徐々に成長してきた領域です。今でも根強く残っている「ページ」という概念。タイポグラフィ・グラフィック・レイアウトなど DTP が培ってきたノウハウは CSSHTML (ときどき JavaScript)を使って再現されたりしています。DTPの概念とノウハウがなければ Dreamweaver のようなソフトは生まれなかったでしょうし、Dreamweaver のようにコードを手打ちしなくても DTP 感覚で Web デザインに入り込めるソフトがなければ、Web デザイナーを職業とする方もこれほど増えなかったかもしれません。 しかし、D

    WD101: Webは見た目のコントロールがきかない
    webmugi
    webmugi 2011/06/22
    「見た目を同じにすることは出来ない」「見た目のコントロールの考え方を変える」
  • 「Webサイトにデザインなんて関係ねー」と言う人に一言。Webデザインの重要性とは?

    2017年7月14日 Webデザイン マーケティング専門の人が「Webサイトにデザインなんて関係ないぜ!すべてはプロモーションとコンテンツ次第なんだぜ!」と豪語していたのでそれに反論を。もちろん彼の言っている事はWebサイトを世に広めるためにはとても大切な要素です。でもだからといってデザインが全く関係ないというのは極論すぎます。という事でWebデザインの重要性について考えてみたいと思います。 ↑私が10年以上利用している会計ソフト! なぜWebデザインは重要なのか? 以前「ECサイトの色やデザインと購買意欲の関係」という記事で触れたとおり、ECサイトにおける約半数のオンライン消費者が、全体のデザインを理由にそのサイトを再訪問しないようです。この結果から、多くのユーザーがWebサイト上のデザインを重要視している事がわかります。では具体的にWebデザインはどのような役割があるのでしょうか? ユ

    「Webサイトにデザインなんて関係ねー」と言う人に一言。Webデザインの重要性とは?
    webmugi
    webmugi 2011/06/22
    「コンテンツ+デザインの評価は人によっていろいろ」という具体的事例。
  • スマートフォンサイトをデザインする上で知っておくべき10のTIPS

    スマートフォンサイトをデザインする上で知っておくべき10のTIPS iPhoneAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCでは十分に見れたからといって実機で確認すると文字が小さすぎることなどがよくあります。書きだしたJPGをFTPでアップして確認してもいいですし、メールでスマートフォンに送って確認してもいいです。個人的にはDropboxで転送するのが手軽でおすすめです。 2.横幅は320pxもしくは640pxでデザインする スマートフォンでは基横幅が320pxで表示されるのでデザインする際も320pxでデザインしましょう。ただ、Re

    スマートフォンサイトをデザインする上で知っておくべき10のTIPS
  • Webデザインサンプル | みんなで作るデザインギャラリーサイト

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

  • 国産のWebデザインギャラリーサイトが一番参考になるのでまとめた - かちびと.net

    Webデザインのギャラリーは沢山 ありますが、結局感性の近い国産 のギャラリーが一番参考になるの でまとめました。探してみると結構 いろいろあるんですね。助かります。 やはりギャラリーは国産がいいですね。沢山あるので、ある程度厳選しています。 io3000 最近知りました。すごくいいですね、ここ。見やすいし、使いやすいです。おすすめ。 io3000 straightline bookmark とにかくクールでクオリティの高いサイトをブックマークしているギャラリー。 straightline bookmark Web Design Clip こちらも個人的にオススメのギャラリーサイトです。目的のデザインも直ぐに見つかりますよ。 Web Design Clip Good Design Web こちらは他ではあまり見かけない良デザインのサイトを紹介してる貴重なギャラリーです。 Good Desi

  • 見出しデザイン.com -Webデザインの“見出し”を集めたサイト-

    TOP デザイン一覧 グラデーション テキストのみ テキスト非画像 上線 下線 丸 四角 囲み線 斜線 未分類 点線 角丸 はてなブックマーク ツイートする シェアする 他のギャラリー ファビコンギャラリー フッターデザイン ウェブコレクション このサイトについて いろんなWEBサイトの見出し部分を集めました。デザインの参考に。掲載サイトがリニューアルした場合はご紹介の見出しが使用されていない場合があります。 連絡先:manage.hp+midashi@gmail.com copyright © midashi-design.com All Rights Reserved.

    見出しデザイン.com -Webデザインの“見出し”を集めたサイト-
  • 404 Not Found - Josh Duck

    Periodic Table of HTMLThe periodic table is long gone, replaced by a new mobile version. While you're here, you can read some of the coverage of the original table, find out what happened to it or, visit Mike Riethmuller's clone. Visit All The Tags

  • ウェブ配色ツール Ver2.0

    的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています(ただしフォントは変更出来ません)。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ

    ウェブ配色ツール Ver2.0