タグ

designとDesignとwebdesignに関するOkkyのブックマーク (29)

  • Humaaans by Pablo Stanley - Illustrations on Blush

    Add a humaaan touch to your compositions!

    Humaaans by Pablo Stanley - Illustrations on Blush
  • UXに関わる仕事をして感じた4つのこと | ベイジの日報

    当社がWebサイトを企画・設計するときは必ずユーザ行動の分析から入り、ここ4年くらいはカスタマージャーニーを作ることが定番化している。そのため、Webにおける設計業務の一環としてUXデザインの一部は行っていた。しかしながら、サービスの根幹に関わる類のUXデザイン的な仕事はほとんどなかった。 ところがここ1年くらい、UXコンサルというか、アドバイスというか、 支援というか 、単にWebのUI改善を超える立場での仕事を依頼されるケースがでてきた。一般企業でもUXという言葉が使われるようになってきており、市場の中で課題意識は高まっている。一方で専門職としてのUXデザイナーはまだまだ少なく、実務に落とせる人材が不足しているからだろう。 そのUX支援っぽい仕事をいくつかする中で、UXを実践するうえで私なりに感じたことがある。その中から4つほどをまとめてみた。 まず1つ目、概念的なUX理論をいくら知

    UXに関わる仕事をして感じた4つのこと | ベイジの日報
  • UIデザイナーに必要なのは、決定力のあるデザインを作る能力 | tsublog

    最近、デザイナーに求められるスキルが多くて何を学べば良いかわからなくなってきた。と言う声を聞くようになってきた。 流行りの記事にいくつか目を通すと、デザイナーは「 経営者と対等に話せるコミュニケーション能力、ビジネスセンスを保有していて、イケてるグラフィックを作り、コードまでかけないといけない 」らしい。 スキルを多く保有している方が望ましいのは間違いない。 ただ、 現場デザイナー に最も大事なのは実装面での考慮事項が網羅されて考え込まれた「 決定力のあるデザイン 」を作る力だと思う。 サッカーで言うと、決定力は「 得点を決める能力 」として使われているけど、UIデザインにおいては「 実装面まで考慮された実装可能なデザインであるか 」という言葉として使っている。 魅せるデザインとフィージビリティが考慮されているデザインでは、かなり内容が異なってくるので、現場デザイナーとしては特にこのあたり

    UIデザイナーに必要なのは、決定力のあるデザインを作る能力 | tsublog
    Okky
    Okky 2016/05/16
    伝える、伝わることを前提にしたデザインを用意することが大事というのは当たり前かもしれないが大きなポイントだと思う。
  • 【境界が無くなる】デザイナーとエンジニアの仕事内容 デザイン会社 ビートラックス: ブログ

    アメリカ、特にサンフランシスコ周辺の会社を見てみると、エンジニアに加えてデザイナーの需要が高まっている。これは見た目やUXが優れたプロダクトへの人気が上がっており、企業としてもよりユーザー目線で使いやすくニーズにあった製品を作る為に、企画段階からデザイナーを参加させる事が増えていているからであろう。 それに伴いデザイナーの役割が、これまでの”見た目を美しくする”事から”ユーザー視点で最適な問題解決方法を見つけ出す”へと広がりを見せている。 このビジネスに対するデザインの重要性の高まり-デザインシフト-でデザイナーやエンジニアに求められるその役割と仕事の範囲に変化がおき始めている。恐らく10年程前と比べてみると、それぞれの仕事の範囲が多種多様に広がっているのに加えて、オーバーラップする領域も増えているだろう。 デザインの未来を示す15の変化で下記のような項目があった。 “デザイナーとエンジニ

    【境界が無くなる】デザイナーとエンジニアの仕事内容 デザイン会社 ビートラックス: ブログ
    Okky
    Okky 2016/05/04
    とはいえ軸足となるスキルは必要なので、T字型のスキルセットが大事なのかなぁ。
  • Watch Suits Season 7 Episode 1 Online

    Join forces with talented designers around the world. Accelerate your projects with millions of ready-to-use products.

    Watch Suits Season 7 Episode 1 Online
  • Webデザインのセオリーを学ぼう

    2012年2月16日 福井工業高等専門学校で行いましたデザインセミナーでのスライドです。Read less

    Webデザインのセオリーを学ぼう
  • 「エンジニア病」を抱えたあなたに効く「デザインの考え方」 ~ソニックガーデン・デザインメンター対談のまとめ~ - give IT a try

    はじめに 先日、僕が勤務しているソニックガーデンのブログ記事で、弊社プログラマとデザイナーさんの対談記事が公開されました。 【前編】エンジニアの会社でデザインがうまくいくワケ〜「エンジニア病」にはダメ出しされよう 【中編】プログラミングとデザイン、やっていることはわりと同じ〜「デザインは感覚じゃない」 【後編】デザインできるプログラマの育てかた〜「デザインメンター制度」のキモは理由で納得! インタビューに登場する町田さん(@machida)と赤塚さん(@ken_c_lo)は僕もよく知っているとても素晴らしいデザイナーさんです。 素敵なデザインができるのはもちろん、HamlやSassなどプログラマ寄りの技術知識も豊富に持ち合わせていますし、物腰も柔らかくてとても相談しやすい方たちです。 業界の各方面から引っ張りだこなのも十分頷けます。 ところで、上の記事の中に出てくる「デザインメンター制度」

    「エンジニア病」を抱えたあなたに効く「デザインの考え方」 ~ソニックガーデン・デザインメンター対談のまとめ~ - give IT a try
  • デザインが分からない人とデザイン話をするコツ

    良いって何ですか? デザインの話をするのは、たとえ業をしている方にとっても難しいことがあります。それが他分野の方ということになると、なおさらです。目的に沿って議論することで、デザインがより洗練されるわけですが、別の部署、他の役職の方との会話になると、なかなかうまくいかないことがあります。 その理由は、彼等がデザインのことを理解していないからというより、お互いが考える「正しい」を理解していないからということがあります。 Webサイトやアプリを設計・開発されている方全員「良いものを作りたい」と考えています。ただし、その「良い」のニュアンスは立場によって少し異なることがあります。「良い=売れる」と解釈する人もいれば「良い=使いやすい」と捉える方もいます。それぞれがもつ「良い」という価値観が、その人の意見や考え方に大きな影響を及ぼしています。 言葉だけでは理解ができない デザイン案を見せると、以

    デザインが分からない人とデザイン話をするコツ
    Okky
    Okky 2014/08/26
    「常にデザインと接していない方だと、簡潔にデザインついて話してしまう傾向があります。そこで、なぜそう考えたかと聞いてみることで、少しずつ意図が見えてきます。」
  • ウェブデザイナーにお勧め!フォントやタイポグラフィの知識・テクニックを学ぶまとめ | コリス

    前の会社では新人ウェブデザイナーが必ずやっていたことの一つに、文字詰め1,000ノックがありました。1,000は大げさな数字ではなく、実際にはそれ以上の数をこなしていたと思います。 ウェブデザインのUI/UXにおいてタイポグラフィは重要な存在で、特にミニマルやフラットなどはタイポグラフィが非常に重要な役目を担っています。 フォントやタイポグラフィの知識を深め、テクニックを身につけるのに役立つ情報をまとめました。

  • デザインの役割からみる「トーン」と「マナー」

    こんにちは。デザイナーの山口陽一郎です。 去る2014年2月19日(水)に、株式会社パソナテック様主催のセミナー「クリエイターのためのトーン&マナー設計」にて登壇させていただきました。 皆さんは「トーン&マナー」という言葉を耳にしたことがありますか?「トンマナ」と略されることの方が多いかもしれません。その説明の前に、ちょっと寄り道をさせてください。 デザインのふたつの役割とトーン&マナーの演出 デザインには大きく分けてふたつの役割があります。 1. 機能性を高める これはユーザーにとって製品をより使いやすくしたり、誤操作の危険をなくしたり、迷わないようにサポートするための役割です。 そしてもうひとつが今回のセミナーのテーマとしてとりあげた、 2. トーン&マナーの演出 です。製品に、それが使われる場にふさわしい属性・キャラクターを付与する役割です。 たとえばレジャーグッズなら「楽しさを想起

    デザインの役割からみる「トーン」と「マナー」
    Okky
    Okky 2014/04/25
    わかりやすい。
  • UIデザインとUXの超基礎「UI Design & UX for ENGINEER」

    Kazuki YamashitaCEO, IA, Experience Designer, UI/IX Designer at IMPATH Inc.

    UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
  • ソシオメディア | あるとよい機能はない方がよい

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

    ソシオメディア | あるとよい機能はない方がよい
  • 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
    単色でデザインしてから色づけ、ってのは良さそうなので試す。バナーの例もいいね。
  • フリーダウンロード!レトロでかわいいベクターラベル・バッジまとめ(商用可あり・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)
  • ピクセル・ざらっとしたの・かわいい柄・和文様など商用でも無料利用できるパターン素材のまとめ

    ピクセル、ライン、グリッドをはじめ、ざらっとした感じやフローラル、アブストラクト、日の伝統文様や小紋などのパターン素材がダウンロードできるサイトを紹介します。 ごく一部のもの以外は、全て個人でも商用でも無料で利用できます。

  • [ HUE / 360 ] The Color Scheme Application

    Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP

  • 文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン

    研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演(アウトリーチ活動)の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者(研究仲間や審査員、一般市民)へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく

  • デザインのインスピレーションが得られる最強Webサービス7選

    毎日のようにデザインをしていると、良いデザインが思いつかなかったり、前回と同じようなデザインが完成してしまったりと、どうしてもデザインに行き詰ってしまうことがありますよね。 私自身まだまだ未熟なこともあり、デザインに行き詰ることはよくあります。そんなとき、私は極力仕事中でもカメラ片手にボーっと散歩に出たりして、どうにかインスピレーションを刺激させようとするんですが、散歩に出られないときや、散歩に出ても何も思い浮かばなかったときなどは、いくつかのWEBサイトを見てインスピレーションを刺激させます。 「インスピレーションの刺激になるぞ」と思ってブックマークしたサイトはいくつもあるんですが、今回はその中から、とくに皆さんに紹介したい利用頻度の高い7つwebのサービスを紹介したいと思います。ではどうぞ! 1.Dribbble Dribbble これはかなり有名なサイトですね。いまさら紹介するまでも

    デザインのインスピレーションが得られる最強Webサービス7選