タグ

designに関するOkkyのブックマーク (211)

  • ソシオメディア | あるとよい機能はない方がよい

    UXデザインコンサルティングではよく品質優先度マッピングというものを行います。これは開発プロジェクトの上流工程において、実装を検討している機能をリストアップし、そのひとつひとつについて想定する利用者の割合や利用頻度の観点からグルーピングし、実装の優先度を決める作業です。 これを行う目的は、UIをできるだけシンプルに保つことにあります。ユーザーが求める機能をすべて盛り込むと、当然UIは複雑になり、誰にとっても使いにくいものになります。また蓋然性のバランスが取れていない要件はプログラムを複雑にし、バグが増える原因になります。 UIデザインにおけるパレートの法則(結果の大部分は全体の一部によって生み出される)は、「ユーザーの80%は全機能の20%しか使わない」というものです。その20%に注力し他の優先度を下げることで、製品の利便性は向上するはずです。 Core, Important, Nice

    ソシオメディア | あるとよい機能はない方がよい
  • 【イラストの見栄えが良くなる】イラストレーター 中村佑介 先生が教える公開講座が凄い! - 萌えイラスト上達法! お絵かき初心者の学習部屋

    先日、イラストレーターの 中村佑介(なかむら ゆうすけ) 先生 のツイッターで公開アドバイスが行われました。 『アイデア』 『色のバランス』 『塗り方』 『構図』 のデザインの基ついて分かりやすく解説されています。 凄く勉強になると思いますので 将来イラストレーターを目指している人は必見です。 その中の一部をご紹介したいと思います。 ※この記事はツイッターからの引用になります。 この記事は、中村佑介 先生 ayamick さん すなつ さんに公開許可を頂いております。 それらを踏まえたうえでお読み頂ける様にお願い致します。 【良い構図は大・中・小を使い分け】 【ayamick さん】 私は18歳です。 描いた動機は どの年齢の方が見ても楽しめるような絵を描きたかったからです。 コンセプトはなるべくたくさんの色をつけて、 全体的に賑やかにしているところです(^^) こんな感じですm(__)

    【イラストの見栄えが良くなる】イラストレーター 中村佑介 先生が教える公開講座が凄い! - 萌えイラスト上達法! お絵かき初心者の学習部屋
    Okky
    Okky 2014/03/18
    わかりやすかった!
  • 『色を色で見ないで』

    1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 2013年度新卒入社、AmebaのSimplogでWEBデザイナーをしているリュウタロウと申します。 以前新卒デザイナー同士の勉強会がありまして、そこでの私の発表内容がすごく好評でした。 以降より多くの人に向けて発信したいと考え、この場をお借りして記事を執筆させて頂く事になりました。 これから綴るのは、デザインの細かいテクニックやハウツーではありません。 様々なジャンルのクリエイティブに通じる、基的なモノの見方、考え方の話です。 「ワタシ、デザインワカラナイワ」 というビジネスパーソンも、普段やっている仕事趣味とリンクさせながら理

    『色を色で見ないで』
    Okky
    Okky 2014/02/21
    モノクロで見る明度の大事さ
  • プレゼンや企画書で使える!インフォグラフィック用のベクター素材を配布します(コリス限定)

    海外のクリエイティブチーム「freepik.com」とのコラボで、ビジターのみなさんに日頃の感謝を込めて、コリス限定の素材を配布します。 freepik.comは、海外のウェブ制作系ブログSmashing MagazineやSix RevisionsやWeb Designer Depotでもお馴染みで、そのブログだけのオリジナルの素材を配布するコラボをしています。日ではコリスが初!今回はその第三弾です。 第一弾:コリスのビジターのアンケートを元にしたアイコン150種類 第二弾:1,400種類の汎用的に利用できるアイコンセット 今回のテーマは「Business & Social Network」。 ビジネスとソーシャルネットワークをテーマにしたインフォグラフィック用のベクター素材で、プレゼンや企画書、ウェブページでも紙でも無料で利用できます。 ダウンロードできる素材は10種類、その中から5

    Okky
    Okky 2014/01/29
  • 雲の形をした不思議な照明「Cloud Lamp」がおもしろい。ポップでかわいいランプ。子供部屋におすすめ。 : インテリア雑貨の伊勢海老太郎ブログ

    インテリア雑貨の伊勢海老太郎ブログ インテリア、家具(椅子、テーブル、棚、照明)、雑貨、文房具、玩具、AppleiPhone、アート情報などをまとめたブログです。伊勢海老太郎が書いています。 実はたくさんの雑貨やインテリアのネタを探していました。おもしろい商品をたくさん見つけたので、今日から毎日更新します。頑張ります。 まずは、海外サイトでおもしろい照明を見つけたので紹介します。「Cloud Lamp」という商品です。その名の通り、雲のかたちをした照明です。 なんだか、アニメや漫画の世界から飛び出してきたみたいです。とてもおもしろいアイデア商品です。インパクトがあるので部屋のアクセントになります。すごくポップな感じが好きです。 ぶら下げると完全に雲です。お部屋の中にいながら雲が天井に(笑)。 子供達も大喜びの照明です。 子供部屋に合いそうです。水槽や観葉植物を「Cloud Lamp」の

    雲の形をした不思議な照明「Cloud Lamp」がおもしろい。ポップでかわいいランプ。子供部屋におすすめ。 : インテリア雑貨の伊勢海老太郎ブログ
    Okky
    Okky 2013/12/02
    いいなー
  • YOLP(地図) - Yahoo!デベロッパーネットワーク

    Yahoo! Open Local Platform(YOLP)は、Yahoo!マップがデベロッパー向けに提供する地図・地域情報のAPI・SDKです。ウェブページの制作はもちろん、スマートフォン向けアプリケーションの開発においても、多彩な地図表示、店舗・施設検索、ジオコーディング、ルート検索、標高データ取得などの豊富な機能をご活用いただけます。 お知らせ 地図・地域情報の検索 Yahoo!ローカルサーチAPI 全国の店舗、イベント、クチコミ情報などの地域・拠点情報を検索できます。 Yahoo!ジオコーダAPI 住所をキーワードとして検索し、その位置情報を提供します。 Yahoo!リバースジオコーダAPI 指定の地点の住所情報を取得する機能を提供します。 その他の便利ツール 気象情報API 指定した緯度経度の降水強度実測値と予測値を取得できます。 郵便番号検索API 郵便番号を指定して、位置

    YOLP(地図) - Yahoo!デベロッパーネットワーク
    Okky
    Okky 2013/10/09
  • 全310種、美しいソリッドなラインで描かれたかわいいアイコン素材 -Elegant Icon Font

    ブログでも企業サイトでもよく見かける310種類のアイテムを美しいエレガントなラインで描いたアイコンフォントを紹介します。 Webフォントとして利用できるので、サイズやカラーなど変更しても美しいまま利用できます。.pngも入ってるので、画像で利用してもOK。 Elegant Icon Font ダウンロードできるアイコンのフォーマットは3種類。 フォント(.ttf, .woff, .eot) ベクター(.svg) 透過PNG(.png) Webフォント用のHTML/CSSも用意されているので、初心者も簡単に実装することができます。 アイコンのアイテムは全部で、310種類! アロー、サーチ、ホームなど、よく利用するものをはじめ、ショッピングカート、タグ、クリップ、インフォーメーションなど、さまざまなものが揃っています。 以下、アイコンの全種類です。 ますは、ソリッドなラインでデザインされたもの

  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • 感覚派デザイナーも知っておいて損はない「デザインの要素と原則」 | WebNAUT

    「あなたは感覚派デザイナー?それとも理論派デザイナー?」 このような質問をされると、理論派デザイナーだと答えたくなる理系出身デザイナーのタカハマです、こんにちは。 今回は、そんな理屈っぽい私の大好物である「デザインの要素と原則」をご紹介したいと思います。理論派デザイナーの方はもちろん、感覚派デザイナーの方も知っておいて損はないですよ! 「デザインの要素と原則」はビジュアルデザイン全般に活用できる Webデザインに限らず、ビジュアルデザインの基礎を学ぶ上で、大変参考になる「デザインの原則」というものがあります。いわゆる「Design elements and principles(デザインの要素と原則)」や「Gestalt principles(ゲシュタルト原則)と言われる原則で、デザインの構成要素や要素同士の関係性が全体に与える影響をまとめたものになります。 調べてみると識者によって分類や

    感覚派デザイナーも知っておいて損はない「デザインの要素と原則」 | WebNAUT
  • HOTEL ANTEROOM KYOTO | ホテル アンテルーム 京都

    ホテル アンテルーム 京都へようこそ HOTEL ANTEROOM KYOTOは、2011年当時、学生寮として使用されてきた建物をコンバージョンしオープンしたホテル&アパートメントです。 館内には、ギャラリー・朝レストラン・バーを併設。2016年のリニューアルでは新たに67室が加わり全128室の客室と50室のアパートメントとなり、 コンセプトである「アート&カルチャー」に新たに「和」が加わりました。 アンテルームではそれら3つのテーマを現在進行形の視点で捉え、「京都の今」を発信しています。 京都府京都市南区東九条明田町7番 JR京都駅八条東口より徒歩15分、地下鉄烏丸線九条駅より徒歩8分、東寺まで徒歩18分 075-681-5656

    HOTEL ANTEROOM KYOTO | ホテル アンテルーム 京都
    Okky
    Okky 2013/08/05
    京都のおしゃれホテル
  • 懐かしい!サクラクレパスのタオルがかわいい。小さい子供がいる家庭へのプレゼントにおすすめの生活雑貨。 : インテリア雑貨の伊勢海老太郎ブログ

    インテリア雑貨の伊勢海老太郎ブログ インテリア、家具(椅子、テーブル、棚、照明)、雑貨、文房具、玩具、AppleiPhone、アート情報などをまとめたブログです。伊勢海老太郎が書いています。 どうも、かわいい雑貨が大好きな伊勢海老太郎(@iseebitaroublog)です。ネットでかわいい雑貨を探すのが大好きです。早速ですが、かわいい生活雑貨を見つけましたので紹介します。画像をご覧下さい。懐かしいと思われる方も多いのではないでしょうか。私も幼稚園生の時に愛用していましたサクラクレパスです。ずいぶんと大きなサクラクレパスですが、実はタオルなんです。サクラクレパスのパーケージに、物のクレパスのようにカラフルなカラーのタオルをうまく収納しています。 ちゃんと「文字はかけません」「これはタオルです」の文言が注意書きで入っています(笑)。こうゆう遊び心がとてもおもしろいです。 カラフルでかわい

  • 和柄・和風デザイン用AI・EPSファイル無料ダウンロード-粋屋 日本の伝統文様と伝統色-

    必ず 利用規約 を一読の上ご活用下さい。 画像をクリックすれば当サイトで公開している文様・和柄・和風デザイン用のパターン背景素材のIllustrator9形式AIファイルまたはEPSファイルを無料でダウンロードできます。 ダウンロードした素材ファイルはサイズ・色等の変更は自由です。和柄・和風デザイン・DTP・POP背景にお使い下さい。 商用利用の場合は念のためご一報下さい。原則としては直接利益を得るものへの使用以外はご連絡後使用可能としております。 (例)商品デザインへの使用・販売⇒×(有償) 商品パッケージ・パンフレット⇒○(事後含み連絡必要) あくまで個人レベルの産物ですので作りが甘いですがご理解宜しくお願いします。 当サイトで必要な素材が見つからない場合は素材集等の購入をおすすめします。当サイト管理人が実際に購入した 素材集は使用感を含めてこちらで紹介 しています。 ではでは お好み

    和柄・和風デザイン用AI・EPSファイル無料ダウンロード-粋屋 日本の伝統文様と伝統色-
  • 700個+の押さえておきたいフリーのシームレスパターン | DotsDomino

    Home パターンやテクスチャ 700個+の押さえておきたいフリーのシームレスパターン フリーで使える700個以上の継ぎ目が見えないシームレスな背景パターンを紹介します。事前に準備しておくことが難しい背景デザインですが、ここではフリー素材でポピュラーなシームレスパターンを数多く紹介しますので、まずはチェックしておきましょう。 背景は、ソリッドカラーやグラデーションの他にパターンを入れてボリューム感を演出したり、テーマに沿ったパターンやイメージを添えたりすることで、リッチなデザインに仕上げることができる大切な要素です。 PhotoshopやIllustratorで使う素材を多く紹介していますが、このようなアプリケーションが利用できないときでも、PNGやJPEGファイルが同梱されているものが多くありますので、ダウンロードファイルから都合のよいフォーマットを選びましょう。 紹介の素材は個人や

    700個+の押さえておきたいフリーのシームレスパターン | DotsDomino
    Okky
    Okky 2013/06/19
    パターン素材
  • フラットデザインとは?UIの特長と注意点 デザイン会社 ビートラックス: ブログ

    最近「フラットデザイン」という言葉をよく耳にする 。 このデザインスタイルは、グラデーションやシャドウなどの立体的要素を極力避けコントラストの強いカラーパネルと文字要素を活用して構成される。このスタイリッシュなフラットデザインの出現により、今までのエフェクトゴテゴテのUIがいきなり古くさく感じる事態が発生している。 ここ最近ではGoogleが提供する種々のアプリやFacebookのUIWindows 8、そして多くのスタートアップ企業が提供するスマホアプリで、このフラットデザインをUIのテーマとして採用するケースが増えている。 例えその呼び名を知らなくても、サイトやアプリを通して、多くのユーザーがそのデザインスタイルを目にしていると思う。代表的な例としてはClear、Moni、Clear Weatherなどが挙げられる。 フラットデザインの主な特徴特にはっきりとした決まりがある訳ではない

    フラットデザインとは?UIの特長と注意点 デザイン会社 ビートラックス: ブログ
  • デザイン作業のスピードアップ

    1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして、ゴラクログのデザインを担当をしている鬼石広海と申します。 弊サービスは現在大幅リニューアル中ですので、UI周りはリニューアル後、又機会があればご紹介させて下さい。 今回は、駆け出しのデザイナーさん達の多くが課題にあげる、デザイン作業のスピードアップについてお話します。結論から言いますと、細部から作らずに土台作りを頑張ることが、結果的にスピードにつながるというお話です。 では実際にバナーデザインを例に紹介します。 1.構成要素を全部置く まずはプランナーやプロデューサーと話し合って決めた構成要素を、とりあえず全部キャンバスに置いてみます。

    デザイン作業のスピードアップ
    Okky
    Okky 2013/06/06
    単色でデザインしてから色づけ、ってのは良さそうなので試す。バナーの例もいいね。
  • Sketch App Sources - New Free Design Resources - Icons, UI/UX Kits, Wireframes, iOS, Android Templates for Sketch

    Thousands of UI/UX resources from great and resourceful designers around the world Sharing and building on each other's work is the ultimate form of learning and retaining knowledge. Since 2012, we're curating some of the best resources to help you design, prototype, and collaborate better and faster. UI Kits Apps Icons Illustrations Wireframes Ideas Web iOS Material Data Forms Mockups Real Annota

    Sketch App Sources - New Free Design Resources - Icons, UI/UX Kits, Wireframes, iOS, Android Templates for Sketch
  • ワンランク上のデザインにはかかせないPhotoshopの文字詰め「カーニング・トラッキング」のまとめ

    こんにちは。今日も元気にPhotoshopと戯れます井畑です。 今回はPhotoshopの文字詰めに使うツールについてちゃんと調べてみました。 今では息をするように文字詰めをしていますが、デザイン初めたての時は勝手が分からず苦労しました…Photoshopの文字詰め♪ 基的なことがほとんどなので、知ってる人にとっては当たり前のことですが、おさらいによろしければご覧ください。 それではどうぞ! ちょっと待って文字詰めって何? まずは文字詰めが何か分からない人の為に軽く説明しておきますね。 ワンランク上のデザインにはかかせない文字詰め 文字詰めとは読んで字のごとく、文字と文字の間を詰めてバランスをとる作業のことです。 通常文字を打っただけでは「ベタ組み」と呼ばれ、基的に文字と文字の間が空きすぎています。それを詰めてデザインのバランスをとります。 WEBの性質上テキストデータの文字詰めは難し

    ワンランク上のデザインにはかかせないPhotoshopの文字詰め「カーニング・トラッキング」のまとめ
    Okky
    Okky 2013/04/19
    メトリクスとオプティカルをうまく使っていきたい。
  • アイデア満載!2013年春の新作アイコン大集合

    インスピレーションの宝庫「dribbble」から、春の新作アイコンを紹介します。 おしゃれなものから、かわいいもの、フラット、ミニマル、さまざまなスタイルをピックアップしました。

  • 商用利用無料、落ち着いた風合いのざらっとした紙のテクスチャ素材

    500x500px超のシームレスに使えるざらっとした紙のテクスチャ素材を紹介します。 FREE SEAMLESS PAPER TEXTURES 紙は全部で12種類あり、フォーマットはJPGです。 テク

  • フリーダウンロード!レトロでかわいいベクターラベル・バッジまとめ(商用可あり・AI・EPS)

    全てベクターデータなのでWEBはもちろん、グラフィックにと高品位に幅広く使えます! 商用利用に関しては各配布サイトで再度ご確認を・・・ Set of paper tag labels ファイル形式: EPS www.myfreephotoshop.com (上記3つ共通リンク) Set of vintage Business labels vector 01 ファイル形式: EPS ライセンス:Creative Commons (Attribution 3.0) freedesignfile.com Different guaranty quality labels vector set 01 ファイル形式: EPS ライセンス:Creative Commons (Attribution 3.0) freedesignfile.com Different guaranty quality

    フリーダウンロード!レトロでかわいいベクターラベル・バッジまとめ(商用可あり・AI・EPS)