最新記事

2024年5月、集英社は縦読みマンガアプリ「ジャンプTOON（トゥーン）」をリリースした。同社が築いてきた「週刊少年ジャンプ（以下、ジャンプ）」、及びマンガ誌アプリ「少年ジャンプ＋」のブランド力を武器に、近年盛況な縦読みマンガ市場へ参入したという。 「ジャンプTOONには、どんな狙いがあり、競合他社のサービスとどうUI・UXの差別化を図っているのか。同アプリの統括編集長 浅田貴典氏と開発を担当したサイバーエージェント社の開発チームに取材した。 サムネイル：（左）©ジャンプTO

アプリで使えるフォントとは？基本は標準フォントを使用する モバイルアプリをデザインする際には、基本的に各OSに標準搭載されているフォントを使用することが多いと思います。もちろん、アプリ配信用のフォントライセンスを購入してアプリに組み込むことは可能ですが、アプリにバンドルするためのフォントライセンスはダウンロード数によって金額が異なるなど、考慮するべき点も多く標準フォントを使うことのメリットを上回るような導入理由はあまりないでしょう。 iOSとAndroidで使える日本語フォン

非オシャレデザイナーの焦燥 デザイナー。この肩書き、果たしてデザイナー以外にはどう響くのだろうか。 いろいろあるだろうが、「デザインをなりわいにする人種なんてものは、感性がするどくセンスがよくておしゃれに違いない」…と期待されている気がする。もちろん純度百パー私の思い込みだが。 デザイナーたるもの、ベーシックかつ上質でありながら、さりげない個性のある「技あり」ファッションを身に纏い、デスクの環境整備も抜かりなく、間違っても無様に垂れ下がるコードとか謎のカラーボックスとかは存在

インタラクションの制御に関する実装はユーザー体験に大きく影響するものの、デザインファイルやプロトタイプ上で表現することが難しく、システムの挙動を細かくデザイナーとエンジニアで調整するようなことも多いかと思います。しかし、このような時に取り入れられる技術的な実装パターンには名前がついていることも多く、デザイナーが実装パターンの名前を知っているだけでエンジニアとのコミュニケーションがスムーズになることも多いのではないでしょうか？ 今回は、そんなちょっと技術的だけど知っておくだけで

毎年10月、オランダ南部のアイントホーフェン市で開催されるデザインの祭典「ダッチ・デザイン・ウィーク（DDW）」が今年も盛大に開かれました。23年前に始まった同イベントは年々規模が拡大し、現在は世界中から2,600人のデザイナーが出展する一大イベントに発展しています。 今年のテーマは「Real Unreal（現実と非現実）」。私たちは現実と非現実を理解しているのだろうか……という問いが投げかけられました。出展された作品は、建築やインテリア、ファッション、小物、食品から都市空間

テキストのデザインって難しいし奥が深い...。 テキストのデザインでは、字間や行間など様々なパラメータを最適化して読みやすい塩梅に調整するというのが一般的なはず。しかし、デザイン的にバランスが最適化された読みやすいはずのテキスト調整は本文のデザインという観点では必ずしも読みやすさに繋がるわけでなないかもしれないのです。 読まれる頻度が高いであろう、いくつかのメディアサービスの本文デザインを確認してみると...？ Yahoo!ニュース、スマートニュース、日経新聞などを含む多くの

デジタル庁や SmartHR のものなど、よくレファレンスとして参考にされる有名なデザインシステムのコンポーネントライブラリでは、「コンポーネント」としてすべてのパーツを定義し、あまり細かく階層を分けないケースが多いように思います。 つまり、デザイン観点ではアトミックデザインのようなコンポーネント階層を無理に導入しない方が良いという結論に至っていそうに見えます。このような定義方法はデザインガイドラインの運用上、わかりやすく、管理もしやすいのではないかと思います。 一方で、シス

近年、デザイナーの仕事がデザイン制作から、ユーザーの体験設計、さらには事業の未来を左右するようなプロダクト戦略の策定など、モノを作るという役割から「課題解決」にシフトしています。 そんな中、優秀なデザイナーの採用はどの企業にとっても重要な課題となっています。unprintedでは、メディアの読者である数多くのデザイナーにインタビュー調査を行い、デザイナーが転職の際に重視しているポイントや必要としている情報を調査しました。 本記事では、このデザイナーへのインタビューから得た情報

みなさんは週末、何をしていますか？最近はとにかく暑くて、せっかくの週末に何もやる気が起きなかったり、リフレッシュのために出かけてみても逆に疲れてしまったり…そしてやってくる月曜日には、もう一週間乗り切れる自信がなくなってしまう。 優雅なルーティンではなくてもOK！ Sunday Reset Routineとは？ 海外のYouTube動画などで人気の「Sunday Reset Routine」は、準備と体を休めるリラックスタイムをルーティーンとしてまとめたもの。日曜日の1 2時

2013年10月にサービスを開始し、1,600万ダウンロードを突破しているZOZOのファッションコーディネートアプリ「WEAR」。2024年5月にはファッションに特化したAIを活用してリニューアル、「好みのジャンル傾向」がわかるファッションジャンル診断や画面上でさまざまなメイクを試せる「WEARお試しメイク」などを新たに提供開始している。 インフルエンサーをはじめ、一般ユーザーもファッションコーディネートやメイク画像を投稿でき、能動的に楽しめるコンテンツが充実している。本記事

突然ですが、皆さんは自分の仕事を周りに何と説明していますか？ 〇〇デザイナーといった職種名は”何をデザインするのか”というデザインの対象に視点を置いたものとなっているものの、デザインの対象や責任範囲がえてして横断的であるデジタルデザイン界隈では、これらの職種名が正確な職責を反映しているケースは少ないのではないでしょうか？ 結局、これらの職種を名乗る者も、募集する企業もそれぞれの事情で便宜的に使い分けているケースが多いと思います。 思い切って「デザイナーです」とまとめてしまうの

Figmaには複数の要素をまとめる方法に「グループ」と「フレーム」が存在します。今回解説するオートレイアウトは、「フレーム」の中の要素を整列させたり、配置・間隔を自動で調整する機能です。 使いこなせるととても便利な機能なので、まずは基本から習得しましょう！ 最初に、オートレイアウトの適用方法を説明します。 適用の仕方は、 複数の要素を選択 右メニューから「オートレイアウト」を選択（shift+A） 次に、要素の間隔、周りの余白（パディング）を指定する方法を説明します。 ① 要

コンテンツ配信サービスにおいて、「人気ランキング」は必須の機能でもあるかのように多くのサービスで取り入れられています。もちろん、ランキングはユーザーにとってコンテンツ選びの重要な指針となる上、サービス運営視点でも効率的なレコメンデーション手法であることは確かです。 一方で、ランキングのような数値的な人気指標を取り入れないという方針を持ったnoteのようなサービスも存在します。これは数値的な人気指標の弊害を強く認識しているからこその選択でしょう。しかし、数値的に表現できる"人気

「実存しないアプリのデザインをして何の意味があるの？」 これはデザインSNSのDribbble全盛期によく見かけた批判です。かつてDribbbleは、特にデジタルプロダクトデザインの分野でデザイナーたちが自身のデザイン表現やインタラクションのアイデア、プロトタイプを発信する場として人気を集め、デザイナーが好意的なコメントでお互いの活動を称え合う、居心地の良いコミュニティーでした。 投稿されるデザインはバスケットボールをモチーフとしたサービスコンセプトに合わせて「Shot」と呼

Figmaでデザインをした際に、画面遷移図を作成したい時はありませんか？ そんなときは、プラグイン「Autoflow」を使うと簡単に作成が可能です。 使い方は、 オブジェクトを作成 Autoflowのプラグインを選択 Shiftを押しながら矢印の始点→終点の順でオブジェクトを選択 また、プラグインで矢印の太さなどの調整や説明テキストを追加することが可能です。 ちなみに、プラグインを使わなくてもFigJamから矢印をコピー&ペーストしてフローチャートを作ることも可能です。 Fi

2024年9月1日で、設立3年を迎えたデジタル庁。「誰一人取り残されない、人にやさしいデジタル社会の実現」を目指し、「Visit Japan Web」「ワクチン接種証明書アプリ」「マイナポータル」などの行政サービスを手がける。 今回話を聞くのは、金成奎（きん・せいけい）さん。デジタルサービスのデザインやユーザー体験の設計に携わるプロダクトデザイナーだ。30歳からデザイナーとして歩み始め、民間企業でビジュアルデザインやアートディレクションを手がけていた金さんは、なぜデジタル庁に

Figmaでコンポーネントを解除したい時やインスタンスをフレーム化して編集したい時はありませんか？ 実はコンポーネントを直接解除する方法はありません。しかし間接的に解除することはできるため、本記事ではその方法を解説します。 コンポーネントには、マスターコンポーネントとインスタンスが存在します。 マスターコンポーネント（Master Component）：スタイルを編集・変更できる インスタンス（Instance）： マスターコンポーネントのスタイルが自動で同期される（スタイル

ヨーロッパを拠点とする4人のデザイナーがこのたび、『和紙フューチャリズム』（日本語・英語を併記）という書籍を出版しました。これは島根県の伝統工芸で、ユネスコの無形文化遺産にも登録されている「石州和紙」を世界に紹介するものです。その歴史から、作り方、実用例、加工方法、職人へのインタビュー、未来の展望など、和紙の世界を総合的に網羅しています。 同書がユニークなのは、実際に触って感じられる和紙サンプルと、特定のページでAR（現実拡張）が楽しめる点。デジタルとアナログの融合で、五感を

Figmaでテキストを縦書きにしたい時はありませんか？ 本記事では、テキストを縦書きにする方法を解説します。 フォントは日本語フォントを使用 フォントサイズ（Font Size）とテキストオブジェクトの幅（Width）と行間（Line height）を同じ大きさにする テキストのオプション -詳細設定からVertical alternatesにチェックをつける テキストを縦にするだけでは長音符（ー）や句点・句読点（、。）などが横書きの方向になってしまいますが、Vertical

2000年にフィンランドで創業したテクノロジーコンサルティングファームReaktor（リアクター）。その日本支社として2014年に誕生したのが、Reaktor Japanです。 同社では、フィンランド本社で導入しているアジャイル開発や自律性の高い組織体制をベースに、日本の商習慣にフィットするようアレンジして日本市場のクライアントへの提供価値最大化を推進すると同時に、社員の「働きがい」を追求。2024年には、世界最大級の意識調査機関であるGreat Place To Work®

Figmaでデザインする際にグループとフレームの使い分けに迷ったことはありませんか？ 本記事ではそれらの大きな違いと使い分けのポイントを解説します。 グループとフレームの使い分けについて、Figmaの公式記事では以下のように記されています。 次の場合にグループを使用します: 複数のオブジェクトを1つの管理可能なレイヤーにまとめたい 拡大縮小しても固定関係が維持される要素をグループ化したい場合（例：複数の図形で構成されたロゴやシンボル） グループ内のオブジェクトのサイズを変えた

Figmaのプロトタイプでカルーセルを作成するときなど、横スクロールさせたいときはありませんか？ 今回は横スクロールの設定方法を簡単に紹介します。 横スクロールさせたい要素をフレーム化 フレームをスクロールさせたい範囲に調整する プロトタイプ スクロールの動作 オーバーフローにて水平を選択 プロトタイプで挙動を確認 フレームではなくグループ化をしてしまうと、大きさを調整する際に中の要素も一緒に拡大縮小してしまうので間違えないように注意しましょう。 このプロトタイプを活用すると

「Meta」でプロダクトデザイナーとして7年間務めたのち、現在は自動運転技術の開発を行う「Applied Intuition」にてデザインマネージャーとして働くRıza Selçuk Saydamさんに、T型デザイナーとしての自身のキャリアについて伺いました。 インド農村部でのフィールドワークから生まれたMessengerの機能 驚くほどボトムアップなMetaのカルチャー デザイナーがプロダクトの収益に関する視点を持つこと など、興味深いご経験とご自身の視点についてお話しいた

世界で活躍するデザイナーの仕事の裏側が知れるNetflix番組「アート・オブ・デザイン」。シーズン2に登場する、イアン・スパルターは2016年にInstagramのアイコンをリデザインしたことで知られています。その後Instagramは写真を投稿するアプリにとどまらず、月間14億人以上が利用する巨大SNS、人々の自己表現の場となりました。 イアン・スパルターはInstagramのアプリのUX・UI、アイコンのリデザインのあと、現在はMetaの日本支部でメタバースデザインディレ