タグ

Designに関するmag4nのブックマーク (858)

  • Behance

    Upgrade to Behance Pro today: Get advanced analytics, a custom portfolio website, and more features to grow your creative career.

    Behance
  • 最近のUXデザインにおける、スマホアプリのインターフェイスに使用されているアイデアのまとめ

    ここ数年の間に、スマホは単なる電話以上に多くの機能を持つようになりました。スマホはさまざまな目的のために使用され、わたし達の日常のアシスタントをこなしています。 そんな便利なスマホアプリのユーザーインターフェイスに注目し、最近のUXデザインにおけるクリエイティブなすごいコンセプトを紹介します。 15 Creative UX Design Concepts for Everyday Needs by Tubik Studio 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 植物の水やりを管理するアプリ 安眠アプリ ハンバーガーショップのアプリ TODOアプリ 料理レシピアプリ ベジタリアン用のレシピアプリ アラームアプリ 家電操作アプリ 家計簿アプリ 名刺管理アプリ バランスアプリ ファイナンスアプリ フィットネスアプリ カレン

    最近のUXデザインにおける、スマホアプリのインターフェイスに使用されているアイデアのまとめ
  • 商用利用無料のネコの写真素材がいっぱいある! -Pexels Cats

    商用でも無料で利用できるネコの写真素材を紹介します。 仕事や作業の合間に、癒やされたい人用の写真素材がたっぷり揃っています。 Pexels Cats まずは、重要なライセンスから。 CC0で、個人でも商用でも無料で利用できます。写真を修正、コピー、配布することもでき、クレジット表記などの帰属は必要ありません。詳しくは、ライセンスページをご覧ください。 ライセンスページ Pexels Catsは元々、エイプリルフールのねたとして公開されたのですが、そのままカテゴリとして残ることになったようです。公開時はトップページがネコに変わってびっくり、というデザインでしたが、現在ではカテゴリとして存在しています。 写真のダウンロードは、各ページの「Free Download」をクリックするだけです。登録など、面倒なことは一切不要です。 人気が高いネコの写真をいくつか見てみましょう。

    商用利用無料のネコの写真素材がいっぱいある! -Pexels Cats
  • Free stock photos · Pexels

    Free stock photos you can use everywhere. ✓ Free for commercial use ✓ No attribution required

    Free stock photos · Pexels
  • アイコン素材ダウンロードサイト「icooon-mono」 | 商用利用可能なアイコン素材が無料(フリー)ダウンロードできるサイト | 6000個以上のアイコン素材を無料でダウンロードできるサイト ICOOON MONO

    WHAT'S ICOOON MONO 商用利用可能なアイコン素材をフリー(無料)ダウンロードできる素材配布サイトです。 WEBデザインやDTPのほか、ビジネスシーンで活用できるアイコン素材をストックしています。 TopeconHeroesが作成したこのサイトに掲載している素材は、どなたでも使用条件に違反しない限りクレジット表記や許可なしで、 自由にご利用いただけます。

    アイコン素材ダウンロードサイト「icooon-mono」 | 商用利用可能なアイコン素材が無料(フリー)ダウンロードできるサイト | 6000個以上のアイコン素材を無料でダウンロードできるサイト ICOOON MONO
  • デザイン提案に説得力を持たせる6つのステップ(スライド付き) | ベイジの社長ブログ

    Webサイトのデザインの方向性決めというのは、検討が長引いたり、スケジュールの遅れに繋がったりする要注意ポイントの一つです。弊社も例外ではありませんが、一方で、デザインに至った過程を丁寧に解説することで、スムーズに進めることは可能であるとも感じています。ここでは、デザインコンセプトを自然に理解していただくために弊社が行っている提案方法を共有しようと思います。 以下のスライドは、実際に使われたスライドです。公開用に細部は少し変えましたが、内容はほとんどそのままです。 クライアントは、株式会社マネジメントサービスセンター(以下、MSC)という企業の人事戦略や人材育成の支援を行っているB2B企業です。ターゲットは人事部や経営層などで、前段として戦略、設計が完了し、ベースとなるデザイン案を初めて提案する際に使ったものです。こちらを元に、ステップごとに細かな解説をします。(スライド中に出てくる検討プ

    デザイン提案に説得力を持たせる6つのステップ(スライド付き) | ベイジの社長ブログ
  • PowerPoint Wireframe and Prototyping Tool | PowerMockup

    How Does PowerMockup Work? PowerMockup is an add-on that integrates a library pane into the PowerPoint window, giving you easy access to the included wireframe and mockup shapes. Quick Search PowerMockup’s instant search feature makes finding the right shapes an easy task. As you type, the list of shapes automatically filters until you get what you are looking for. PowerMockup also recognizes syno

  • デザインと言語化|棚橋弘季 Hiroki Tanahashi

    何かをちゃんとデザインしようとすれば、様々なことを言語化することを想像以上にはるかに多く強く求められる。 いま誰を対象として考えているのか、問題をどのように捉えているのか、何を問題の原因と捉え、どのようにそれを解決しようと考えているのか。それはいったい、どのような価値がある何をデザインしようとしているのか。 これらを言語化するのは誰か説明するためというより、自分の想像力をより明瞭にするためだ。複数人でデザインに関わっているなら、チームとしてのイメージをクリアにするためである。 もちろん、デザインには言語化するよりもそれ以外の方法を取った方がいい部分はたくさんある。ただ、そうしたものを除いても、デザインの過程においては言語によって明らかにすべきことは想像をはるかに超えてたくさんある。 わかるということは、次に何のアクションをすればよいかがわかること例えば、自分が何のためにデザインしようとして

    デザインと言語化|棚橋弘季 Hiroki Tanahashi
    mag4n
    mag4n 2018/01/31
    言語化しすぎると言葉尻に囚われすぎる面もある。大事なのはイメージがプロジェクトメンバー間でブレないための言語化であるという視点と思ってる。
  • Honda Super Cub Retro Bike 2018

    The Honda Super Cub is been in production for six decades, and in that time 100 million units have rolled off the line. The Super Cub’s design has gradually modernized over the years, but the new 2018 model takes cues from the original, for a more retro look. In stock form the 109cc, fuel-injected scoot mixes old school charm with modern tech, being equipped with drum brakes and LED lighting. The

    Honda Super Cub Retro Bike 2018
    mag4n
    mag4n 2018/01/19
    50ccで居るのが勿体無いくらいよいな
  • Nintendo Labo | Nintendo Switch | 任天堂

    つくる、あそぶ、わかる。2018年4月20日(金)発売、Nintendo Switch『Nintendo Labo』の公式サイトです。

    Nintendo Labo | Nintendo Switch | 任天堂
    mag4n
    mag4n 2018/01/19
    映像の作りがかなりキテるなー素直にすごいわ…でもダンボールと輪ゴムだから耐久性で3日でダメにするやつだw
  • 星のや東京【公式】 | HOSHINOYA Tokyo

    Visa、Mastercard、American Express、Diners Club、JCB、ペイディ

    星のや東京【公式】 | HOSHINOYA Tokyo
  • Sketchでデザインしながらガイドラインを作ろう|Chizuru Kamisono

    はじめまして。UIデザイナーのカミソルです。 わたしはOHAKO.incの受託事業の部署でサービスの体験設計からUIデザインをしています。 今回はSketchのSymbol機能を使って、デザインしながら効率よくガイドラインを作る方法について書きたいと思います! ※この記事はSketch Advent Calendar 2017 19日目の記事です。 なぜデザインしながらガイドライン化したいのかガイドラインを作る目的は2つあります。 1.  エンジニアとの連携のため "カラーの種類"、"テキストスタイルの種類"、"画像として書き出すもの"、"コンポーネント"の4つがはっきり伝わるSketchデータにしたい。 2.  デザイン運用のため デザインを運用をするとき、誰でも追加や変更がしやすいようにしたい。「デザインしながら」とつけた理由は、デザインしていたら自然にガイドラインが出来ていた。という

    Sketchでデザインしながらガイドラインを作ろう|Chizuru Kamisono
  • CSSの素晴らしいアイデアが満載!2017年スタイルシートを使ったテクニックのまとめ

    2017年も、CSSの進化がすごかったですね。 CSSを使ったアニメーションはより繊細に、vwやvhやcalc()などを効果的に使用したり、レイアウト、ナビゲーション、カードなどもより洗練されて実装されています。 さまざまな素晴らしいアイデアが取り入れられたスタイルシートを使ったテクニックを紹介します。 イラスト: Girls Design Materials 2017年によく目にしたもの一つが、グラデーションです。一昔前は同一色相のグラデーションが多かったですが、最近では複数の色相をし、グラデーション自体も大胆に使用するのが増えています。

    CSSの素晴らしいアイデアが満載!2017年スタイルシートを使ったテクニックのまとめ
    mag4n
    mag4n 2017/12/16
    ハック的な使い方してるので汎用性がどこまであるか。
  • 食べログのフロントエンドエンジニアってめっちゃ大変やねん・・・

    XP祭り2017のセッションのスライドになります。 http://xpjug.com/xp2017-session-a5-1/ 元ネタは以下です。 http://i2key.hateblo.jp/entry/2017/05/15/082655 ※CCPMの表記について一部誤解を与える部分がありましたので、表記を削除いたしました。 2017/09/21 0:27

    食べログのフロントエンドエンジニアってめっちゃ大変やねん・・・
    mag4n
    mag4n 2017/12/12
    期間長いサービスによる過去の遺産にFEとしての戦い方は適切に思う。/UX叩いてる人多いけど言う相手違う。
  • バッドデザイン賞を勝手にノミネートしてみた-2017年度版- - 酔いどれデザイン日誌 - Drunken Design Diary -

    忙しい年の瀬ですが、皆さま如何お過ごしでしょうか。 さて、皆さんは「グッドデザイン賞はあるのにバッドデザイン賞が無いのはおかしい」という風に思ったことはありませんか?私は職業柄、日常生活で見かけた良いデザイン事例と悪いデザイン事例を写真に撮ってストックしているのですが、その中には「当にこれギャグじゃないの?」というレベルのバッドデザインがあったりするんですよね。 良いものを良いと評価することも大切ですが、良くないものを無視するのは人類の進歩に大きな影を落としているような気さえします。ということで、勝手にアワード化してしまいました。2017と付いてますが、私が見つけたのが2017年だったというだけで製造年度などとの相関性はなく、特に意味はないです。あくまでジョークコンテンツとしてお楽しみください。 【追記】Twitterの方で一部画像が自分で撮影したものではないのでは?とご指摘頂きました。

    バッドデザイン賞を勝手にノミネートしてみた-2017年度版- - 酔いどれデザイン日誌 - Drunken Design Diary -
  • 「ユーザーが行動をおこす条件」の話|深津 貴之 (fladdict)|note

    新入社員のこばかなさんが、「こばかなスケッチ」という自分企画を頑張っている。THE GUILDでの日々の仕事と、読書で学んだことを、一枚のスケッチにまとめるチャレンジだ。 彼女のスケッチが溜まってきたので、復習とサポートを兼ねて、解説を書いていきたい。第二回はこの絵。 行動 = 動機 × 実行能力 × きっかけ今回のこばかなさんのイラストは、「フォッグの消費者行動モデル」という概念モデルだ。ざっくり言うと、ユーザーが行動を起こすために必要な3条件を示している。 このモデルでは、「ユーザーが何かアクションを起こす」条件を、 B = MATという、とてもシンプルな式で表現する。 その意味は、「行動(Behavior)」には、「動機(Motivation)」と「実行能力(Ability)」があるタイミングで、「きっかけ(Trigger)」が訪れなければならない…というものだ。 ・動機(Motiv

    「ユーザーが行動をおこす条件」の話|深津 貴之 (fladdict)|note
    mag4n
    mag4n 2017/11/20
    ユーザー自体は何かするときこの条件を意識して行動してなかったりするのがめんどくさい。
  • プロダクトマネジメントトライアングルと各社の PM の職責と JD

    プロダクトマネジメントは多くのソフトウェア企業が重要だと認識している役割だ。それにもかかわらず、「 プロダクトマネジメント」を正確な言葉で定義することは驚くほど難しい。自らを「プロダクトマネージャー」と呼ぶ人々は、企業ごとに全く違うこと… 記事によれば、プロダクトマネージャーはこれらの領域を健全に機能させることが役割であり、 機能がなければ自分で役割を演じたり、補う方法を見つける (たとえばデザイナーがいなければ、自分でデザインを行ったりデザイナーを雇う)「開発者-ビジネス」「ビジネス-顧客」「顧客-開発者」の融合領域における、各種の複雑さや衝突、トレードオフの統合を行うといったことが PM の職責であると理解しています。 逆に言えば、これらを俯瞰して見ることができる能力が PM には求められています。そうした意味で、PM は様々なことを広く学び、組織やビジネスの変化に柔軟に対応できる必要

    プロダクトマネジメントトライアングルと各社の PM の職責と JD
  • Making dev.to insanely fast

    It makes me smile when someone raves about how fast this website loads, because that's no accident. We put a lot of effort into making it so. It is the sort of thing that usually goes unnoticed, but when your readers are developers, there's a better chance they notice and appreciate it. I have written about this in the past, but it's worth re-examining because these ideas are always evolving. From

    Making dev.to insanely fast
    mag4n
    mag4n 2017/11/15
    dev.toの速さの秘密
  • どういうデザイナーとだと仕事しやすいか - Konifar's ZATSU

    デザイナーさんと昼飯をっていたら急に「どういうデザイナーとだと仕事しやすいですか?」と聞かれ、しばらく考えて色々話したけれどいい感じに伝えられなかったのでここに書き出しておきたい。 先に言っておくと、これはデザイナーさんの良し悪しの話ではなく、あくまで自分の経験的にこういうことを意識してくれていると楽だったなーやりやすかったなーという感想でしかない。人によって仕事のスタイルが違うのは当たり前だし、やり方を強要するつもりはない。ただ、お互いにこういう振る舞いだと仕事しやすいというのを伝え合うのは大事だと思うので、あくまでこういう風に考える開発者もいるんだなぁくらいにとらえてもらうのがいいのかもしれない。 1回目に見せるラフを作るまでがとにかく速い 人に見せる時に、今の完成度やどういう粒度のフィードバックを期待してるかを先に伝えられる 何かフィードバックを受けた時に、なぜ自分がそうしたかを論

    どういうデザイナーとだと仕事しやすいか - Konifar's ZATSU
    mag4n
    mag4n 2017/11/14
    実際のデザインに落とす前に仕様のイメージをプロマネや実装担当者とすり合わせができるデザイナー。これが出来ないと100%燃える。絵が出来てから仕様話すのは遅すぎる。
  • 『ペルソナ5』のカッコよすぎるUIの制作工程を紹介! アトラスの危機から生まれ、やがて特徴となったUIができるまで【CEDEC+KYUSHU 2017】 - ファミ通.com

    2017年10月28日、福岡県の九州産業大学にて、コンピューターエンターテインメント開発者向けのカンファレンス“CEDEC+KYUSHU 2017”が開催。記事では、同カンファレンスにて行われたセッション“ペルソナシリーズにおけるUIクリエイティブの手法 ~ペルソナ5のUI事例~”のリポートをお届けする。 セッションに登壇したのは、アトラスの和田和久氏と須藤正喜氏。和田氏はデザイナーとして入社後、さまざまな作品に携わり、現在は『ペルソナ』チームを統括しつつ、『ペルソナ3 ダンシング・ムーンナイト』、『ペルソナ5 ダンシング・スターナイト』のプロデューサーを担当している。須藤氏は、アトラス初のUI(ユーザーインターフェース)専属デザイナーであり、『ペルソナ5』ではアートディレクターとUIデザインリーダーを兼任。各種イベントのデザイン監修やプロモーション、ライツデザイン監修なども行っている

    『ペルソナ5』のカッコよすぎるUIの制作工程を紹介! アトラスの危機から生まれ、やがて特徴となったUIができるまで【CEDEC+KYUSHU 2017】 - ファミ通.com
    mag4n
    mag4n 2017/11/14
    このUIの話題聞いてからP5プレイしたユーザーがこちらです