そういう作業を読者に強いるわけですから、版面や字面でもそこはある程度示してやらなくてはならない。ブロックを漫画のコマと考えるなら、それぞれに時間の流れ方が違っているわけだし、同じブロックの中でも文節や文意で見せ方は変わっているべきです。それも一目でわかるようにしなきゃいけない。 本をパッと開いたとき、もちろん文章は読めていなくとも、版面は目に入っています。形として似ていれば、内容も類似していると脳は判断します。だから、たとえば同じことを別の形で説明しているパートは形（行数や、最終行の長さなど）を似せてやったりするわけですね。もちろん同じテクニックで読者を意識的に騙すこともできます。 見開きの中に、情報をどんな形でどのように配置するかはとても大事なことだと考えています。もちろん「見た目」としてはグラフィックデザインの領域なんでしょうが、小説の場合はむしろ意味や時間が重要視されるわけです。すべ
初めましての方もこんにちは、さだこえ (@sadako_a_ ) と申します。 DeNAに新卒で入社後、現在は株式会社FOLIOのデジタルプロダクトデザイナーとして、オンライン証券のUIデザインに従事しながら、スタートアップのデザイン支援を副業で行っています。 今記事では、主にアプリの機能として欠かせないPush通知に焦点を当て、記事を執筆します。 Push通知とはご存知の通りPush通知とは、アプリやwebサービスで何か変更や更新があった場合にお知らせをする機能です。一般的にこの業界で言われるPush通知は、Apple Push Notificationを指していることが多いと思われます。 その理由の1つとして、AndroidはPush通知に関してユーザーの許可を取る必要が無いからです。（ダウンロードする際にオプトインされるため、許可率は100%になる。） iOSやWeb Browser
装飾用の画像は、互い違いになったリストのレイアウトで使われていると、ページを流し読みするユーザーがつまずく原因になることが、アイトラッキング調査でわかった。一方、テキストや画像が縦に整列しているページでは、ユーザーは効率的に流し読みをしていた。 Zigzag Image–Text Layouts Make Scanning Less Efficient by Kim Flaherty on November 26, 2017 日本語版2018年6月27日公開 画像は、大きな写真であれサムネイルであれ、現在のWebデザインには欠かせないものだ。特に、トップページや「こういう仕組みです」（How it works）ページのようなストーリーを伝えるページで、企業が複雑なトピックについて書いたり、製品の説明をするときには、関連する画像を付けた説明的なテキストのかたまりがあり、次の列も同じようなテキ
ここ数年の間に、スマホは単なる電話以上に多くの機能を持つようになりました。スマホはさまざまな目的のために使用され、わたし達の日常のアシスタントをこなしています。 そんな便利なスマホアプリのユーザーインターフェイスに注目し、最近のUXデザインにおけるクリエイティブなすごいコンセプトを紹介します。 15 Creative UX Design Concepts for Everyday Needs by Tubik Studio 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 植物の水やりを管理するアプリ 安眠アプリ ハンバーガーショップのアプリ TODOアプリ 料理のレシピアプリ ベジタリアン用のレシピアプリ アラームアプリ 家電操作アプリ 家計簿アプリ 名刺管理アプリ バランスアプリ ファイナンスアプリ フィットネスアプリ カレン
商用でも無料で利用できるネコの写真素材を紹介します。 仕事や作業の合間に、癒やされたい人用の写真素材がたっぷり揃っています。 Pexels Cats まずは、重要なライセンスから。 CC0で、個人でも商用でも無料で利用できます。写真を修正、コピー、配布することもでき、クレジット表記などの帰属は必要ありません。詳しくは、ライセンスページをご覧ください。 ライセンスページ Pexels Catsは元々、エイプリルフールのねたとして公開されたのですが、そのままカテゴリとして残ることになったようです。公開時はトップページがネコに変わってびっくり、というデザインでしたが、現在ではカテゴリとして存在しています。 写真のダウンロードは、各ページの「Free Download」をクリックするだけです。登録など、面倒なことは一切不要です。 人気が高いネコの写真をいくつか見てみましょう。
Free stock photos you can use everywhere. ✓ Free for commercial use ✓ No attribution required
Webサイトのデザインの方向性決めというのは、検討が長引いたり、スケジュールの遅れに繋がったりする要注意ポイントの一つです。弊社も例外ではありませんが、一方で、デザインに至った過程を丁寧に解説することで、スムーズに進めることは可能であるとも感じています。ここでは、デザインコンセプトを自然に理解していただくために弊社が行っている提案方法を共有しようと思います。 以下のスライドは、実際に使われたスライドです。公開用に細部は少し変えましたが、内容はほとんどそのままです。 クライアントは、株式会社マネジメントサービスセンター（以下、MSC）という企業の人事戦略や人材育成の支援を行っているB2B企業です。ターゲットは人事部や経営層などで、前段として戦略、設計が完了し、ベースとなるデザイン案を初めて提案する際に使ったものです。こちらを元に、ステップごとに細かな解説をします。（スライド中に出てくる検討プ
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
何かをちゃんとデザインしようとすれば、様々なことを言語化することを想像以上にはるかに多く強く求められる。 いま誰を対象として考えているのか、問題をどのように捉えているのか、何を問題の原因と捉え、どのようにそれを解決しようと考えているのか。それはいったい、どのような価値がある何をデザインしようとしているのか。 これらを言語化するのは誰か説明するためというより、自分の想像力をより明瞭にするためだ。複数人でデザインに関わっているなら、チームとしてのイメージをクリアにするためである。 もちろん、デザインには言語化するよりもそれ以外の方法を取った方がいい部分はたくさんある。ただ、そうしたものを除いても、デザインの過程においては言語によって明らかにすべきことは想像をはるかに超えてたくさんある。 わかるということは、次に何のアクションをすればよいかがわかること例えば、自分が何のためにデザインしようとして
25 Best Vintage Motorcycles – BMW, Indian, Honda, Harley Davidson, Kawasaki Do you like vintage motorcycles? Check our collection of the best vintage motorcycles – these are 25 perfectly restored bikes, the oldest of them was built in 1910. And all of them are great roads ready motorcycles. Old is Gold – well, vintage motorcycles are perfect examples to help anybody understand why it is so. There
つくる、あそぶ、わかる。2018年4月20日（金）発売、Nintendo Switch『Nintendo Labo』の公式サイトです。
はじめまして。UIデザイナーのカミソルです。 わたしはOHAKO.incの受託事業の部署でサービスの体験設計からUIデザインをしています。 今回はSketchのSymbol機能を使って、デザインしながら効率よくガイドラインを作る方法について書きたいと思います！ ※この記事はSketch Advent Calendar 2017 19日目の記事です。 なぜデザインしながらガイドライン化したいのかガイドラインを作る目的は2つあります。 1. エンジニアとの連携のため "カラーの種類"、"テキストスタイルの種類"、"画像として書き出すもの"、"コンポーネント"の4つがはっきり伝わるSketchデータにしたい。 2. デザイン運用のため デザインを運用をするとき、誰でも追加や変更がしやすいようにしたい。「デザインしながら」とつけた理由は、デザインしていたら自然にガイドラインが出来ていた。という
忙しい年の瀬ですが、皆さま如何お過ごしでしょうか。 さて、皆さんは「グッドデザイン賞はあるのにバッドデザイン賞が無いのはおかしい」という風に思ったことはありませんか？私は職業柄、日常生活で見かけた良いデザイン事例と悪いデザイン事例を写真に撮ってストックしているのですが、その中には「本当にこれギャグじゃないの？」というレベルのバッドデザインがあったりするんですよね。 良いものを良いと評価することも大切ですが、良くないものを無視するのは人類の進歩に大きな影を落としているような気さえします。ということで、勝手にアワード化してしまいました。2017と付いてますが、私が見つけたのが2017年だったというだけで製造年度などとの相関性はなく、特に意味はないです。あくまでジョークコンテンツとしてお楽しみください。 【追記】Twitterの方で一部画像が自分で撮影したものではないのでは？とご指摘頂きました。
新入社員のこばかなさんが、「こばかなスケッチ」という自分企画を頑張っている。THE GUILDでの日々の仕事と、読書で学んだことを、一枚のスケッチにまとめるチャレンジだ。 彼女のスケッチが溜まってきたので、復習とサポートを兼ねて、解説を書いていきたい。第二回はこの絵。 行動 = 動機 × 実行能力 × きっかけ今回のこばかなさんのイラストは、「フォッグの消費者行動モデル」という概念モデルだ。ざっくり言うと、ユーザーが行動を起こすために必要な3条件を示している。 このモデルでは、「ユーザーが何かアクションを起こす」条件を、 B = MATという、とてもシンプルな式で表現する。 その意味は、「行動(Behavior)」には、「動機(Motivation)」と「実行能力(Ability)」があるタイミングで、「きっかけ(Trigger)」が訪れなければならない…というものだ。 ・動機(Motiv
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く