ニュース系アプリから見る、参考にしたいUIデザインアイデア10個まとめ
ここ数年間でニュースメディアは大変な盛り上がりとなっており、ストーリーテリング（英: Storytelling）と呼ばれる雑誌など出版物のオンライン体験を軸にした、新しい戦略が生まれています。ウェブサイトはリニューアルされ、さまざまなアプリも制作されていることから、ニュースメディアはデザイナーにとってデザインの参考にできる機会にたくさん恵まれています。 この記事では、UIデザイン制作の参考にしたいニュースアプリデザインを集め、各UIのメリットとおすすめポイントをまとめてご紹介します。実際に使われているアプリから、開発中のデザインまでが揃っています。 詳細は以下から。 ニュース系アプリから見る、参考にしたいUIデザインアイデア１０個まとめ Urkanian News Portal Credit: Toma Reznichenko 参考にしたいポイント 通常のニュースメディアでは、コンテンツを
スマホサイトのナビメニューを見直そう！基本3パターンの長所と短所、改善ポイント
ウェブやモバイルアプリのナビゲーションは、直感的で予測できるべきです。新しいユーザーとリピーターの両方が、どのようにアプリが操作するのか理解できるべきなのです。 しかしモバイルの小さな画面上では、分かりやすくアクセスしやすいナビゲーションメニューを作成するのは大変な作業で、コンテンツの優先順位に応じてUI要素が必要になります。異なるナビゲーションメニュー・パターンを利用し、他の解決方法を試みても、他のさまざまなユーザビリティーの問題点が出てきてしまいます。 この記事では、ハンバーガーメニューとタブメニュー、ジェスチャー型ナビゲーションといった、モバイルアプリの基本的な3つのナビゲーションパターンのメリットやデメリット、デザインの解決方法について詳しく見ていきましょう。 コンテンツ目次 1. ハンバーガーメニュー 概要 メリット デメリット デザインの解決方法 2. タブメニュー 概要 メリ
ソーシャルメディアでシェアされるコツは？できるデザインの秘訣11個まとめ
海外サイトBuffer Blogで公開された「11 Simple Design Tips to Enhance Your Social Media Images」の著者Brian Petersより許可をもらい、翻訳転載しています。 Facebook や Twitter への投稿したいポストを保存しておいたり、予約投稿を可能にしたウェブサービス Buffer。実際にオフィス内で活用されている、すぐに実行できるシンプルなデザインの秘訣11個をまとめています。今回はその中でも、特にソーシャルメディアに投稿する写真やデザインに関するテクニックをご紹介します。 これらのテクニックを利用し、ほんのわずかな修正を行うことで、デザインをより魅力的に仕上げることができるでしょう。 コンテンツ目次 配色 / Color バランス / Balance ライン線 / Lines タイポグラフィー / Typogr
魅力的な名刺を作成するデザインアイデア50個まとめ完全版
仕事のあらゆるシチュエーションで必要になる名刺。みんなが持っているからこそ、自分だけのオリジナル性をデザインで表現してみましょう。会話のきっかけにもなり、仕事もうまく進むかもしれません。 今回は、名刺を作成するときにチェックしたい、50個のデザインポイントをすべてまとめています。気に入ったポイントを、デザインに加えてみてはいかがでしょう。同時に、オンラインデザインツール Canva で無料編集できる、名刺用テンプレートも揃えています。こちらも参考にどうぞ。 目次 すっきり、プロフェッショナルに。 透明に色を加えよう。 型破りにいこう。 エレガントな形を使おう。 曲線カーブを利用しよう。 ゴージャスに仕上げよう。 個性を加えよう。 楽しく、形式ばらずに。 レタープレスで奥行きを。 コントラストのはっきりとした配色を。 透明の面白い仕掛けを考えよう。 デザインに専門性を加えよう。 向きを変えて
【簡単】2023年Photoshop切り抜きおすすめテクニック15選 完全ガイド
コンテンツ目次 「被写体の選択」機能 「選択とマスク」機能 「選択とマスク」（複雑な背景バージョン） オブジェクト選択ツール レイヤースタイル「ブレンド条件」 消しゴムツール 自動選択ツール クイック選択ツール 多角形選択ツール ペンツール チャネル設定 色域指定 レイヤーマスク クリッピングマスク 境界線を調整 さいごに、 1. 「被写体の選択」機能 もっとも簡単な、最新の切り抜きテクニック。 ボタンをクリックして、数秒待つだけで完成という、嘘のようなホントのはなし。 試しに、こちらの写真の女性を選択してみましょう。 元の画像をコピー（Command/Ctrl+J）したら、プロパティパネルの「被写体を選択」をクリック。 たったこれだけで、女性モデルのみを選択することができました。 選択範囲をレイヤーマスクとして適用したら、完成です。 Adobe Stockで「背景の削除」も一発完了 実は
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP