こんにちは、UIデザイン4チームのイ・ジヘです。 今回は、LINEのUIデザイナーたちが日々参考にしているデザイン系のウェブサイトをご紹介いたします。 特にスマホのUIデザインは2007年、iPhoneが世に出た後から本格的に注目され始めたと言えるでしょう。 そう考えると歴史がまだ12年くらいしかないないんですね。さらに、用語さえもUI DesignとProduct Designが混用されている程で、現在進行形のジャンルであり、どんなデザイン分野よりも最も早くトレンドが変わっています。 どの分野も変わらないかもしれませんが、トレンドの発信地が米国であることが多いため最新の情報は英語で見つけるのが最も効果的です。 英語で探して見るのが難しいとお思いかもしれませんが、私たちが勉強し仕事をする分野は視覚イメージだけでも直観的な理解が可能だと思います。内容の要旨を完璧に把握しなくても、トレンドを見

イベントレポート 任天堂のUI/UXデザイナーが語るデザイン思想。UI Crunch #13 娯楽のUI【書き起こし前編】 私たちが利用するサービスやプロダクトには、毎日使う実用品もあれば、娯楽品もあります。目的は異なっても、どちらも生活に欠かせないものです。技術が進化し、新しいものが生まれ続ける現代において選ばれるサービスやプロダクトには、人に寄り添ったデザインが求められることは想像に難くないでしょう。では、娯楽品のデザインに潜むロジックや哲学はどのようなものなのでしょうか。 2018年4月27日、DeNAとGoodpatchが主催するUI Crunchは、任天堂株式会社さまをゲストに迎え「UI Crunch #13 娯楽のUI – by Nintendo –」を開催しました！告知開始直後からたくさんの反響をいただき、最終的には4200人以上の方々にご応募いただきました。伝説の回となった

こんにちは、投稿開発部の佐野大河（@sn_taiga）です。 先日、クックパッドのiOSアプリでレシピのエディタ画面をリニューアルしました。今日はそのUIデザインの設計についてお話します。 方針は「簡素化」 エディタ画面は、レシピを考えて記録・投稿する人にとって重要な機能の一つです。レシピには材料や作り方、料理写真、タイトル、紹介文などさまざまな項目があり、頭の中にある料理をこれらの形に落とし込んでいくのはなかなか大変な作業でもあります。なので、レシピを書く際の手間を減らし、ユーザーがストレスなくレシピを書けることを目的に「簡素化」という方針を定め、改善に取り組みました。具体的に行ったことは大きく以下の二つです。 １.入力や編集のステップを少なくする 以前のエディタ 新しいエディタ 以前のレシピエディタはひとつの項目を選択するとモーダルが開き、入力を終えたら元の画面へ戻ってくるウィジェット

「デザイン力をアップするにはどうしたら良いの？」 こんにちは、ディレクターの須藤です。 先日、駆け出しのデザイナーからこんな質問をされました。あるよね、そういうの。きっと何か壁にぶつかったに違いない。神が舞い降りた最高のデザインは、社内プレゼンによってその翼をへし折られたのかもしれない。彼は今、藁をも掴みたい状況に違いない。 そこで今回、僕のやや15年にわたるデザイナーとしての経験（のみ）から、デザイン力をアップするためにはどんな能力が必要なのか、真剣に考えてみました。これを読んだ20代のデザイナーや、デザイナーを目指す学生、何より翼を失った彼にとって何かの助けになれば良いなと思います。 主にグラフィック・WEBデザイナー向けのエントリーです。 デザイナーになるための資格はない！ 「僕はデザイナーです。」 宣言したその瞬間から誰でもなれるのがデザイナーです。資格も必要なければ免許もいらない

Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 ボタンはインタラクションデザインに欠かせない要素です。ユーザーとシステムの意思伝達において大切な役割を担っています。この記事では、効果的なボタンを作成する際に知っておくべき７つの基本原則について説明します。 １. ボタンをボタンらしく見せる UIを操作するとき、ユーザーは「クリックできる」ものとそうでないものを即座に知る必要があります。ユーザーは、デザインされたすべてのアイテムを解読しなければなりません。そのため一般的に、ユーザーがUIを解読するのに必要な時間が長くなればなるほど、ユーザーにとって使いにくくなります。 しかし、ユーザーはどのようにして要素がインタラクティブかどうかを判断するのでしょうか？　UIのオブジェクトを理解するために、ユーザーはこれまでの経

インターフェース まずはインターフェースについて紹介していきます。こちらはノート管理画面。 作成日時や名前でソートができたり、ノートのカテゴリ管理、ノート名の検索にも対応しているので、目的のノートまで簡単にたどり着けます。 例えばカテゴリでプライベートと仕事で分けておけば、乱雑にノートを作っても簡単に仕分けられるので便利です。 右上のプラスボタンからカバー（表紙）・ペーパー（背景）・ノート名を設定して新規ノートを作成です。 こちらがノート画面。 下側にノート名・ページ数が表示されるのでノート迷子にならずにすみますね。 エディット系ツール ペン蛍光ペン消しゴムテキスト入力ペンOFF挿入 エディット系ツールは上記の通りで、他のノートアプリと変わらないツールが一通り揃っています。 ペンツール 主線を書くペンは4種類から 蛍光ペンは2種類 ペンは4種類、蛍光ペンは2種類から。全体的に書き味良好で、

新しい年がはじまり、ウェブデザインのトレンドについて昨年を振り返り、今後改善し変更したいことを検討するのに、最適な時期と言えるでしょう。 2018年の後半にかけて人気だった多くのデザインは、2019年の人気トレンドとして、継続して利用されるでしょう。トレンドには配色にはじまり、タイポグラフィーや書体の使い方、音声やVRインターフェース、UXデザインなど多岐にわたります。 現在、ウェブデザインでは非常に多くのスタイルが登場しているため、それを細かく分類するのは大変ですが、この記事では、2019年のウェブデザインとUIデザインの人気トレンド厳選17個をまとめてご紹介します。 コンテンツ目次 1. 鮮やかな配色カラーパレット 2. エモーショナル・デザイン 3. 奥行き感とリアルなデザイン素材 4. 目的のあるアニメーション 5. シュールで抽象的なデザイン 6. ボイスコマンド 7. 単一ペー

ユーザーインターフェース（UI）デザインは、サイトを訪れるユーザーが快適に閲覧したり、サービスを利用したりするのに重要な項目の一つです。不適切なUIで設計されたサイトは、ユーザーにとって使いづらく、UXが低下するおそれがあります。しかし、いざ自社サイトのUIデザインを見直したいと思っても、「何を改善すれば良いのかわからない」と悩む方もいるでしょう。 そこで今回は、UIデザインの基礎知識から、2018年のトレンドまで、詳しくご紹介します。 UIデザインの基礎知識 UIデザインを検討するには、UIの意味や目的を理解することが大切です。まずは基本を押さえて次のステップへとつなげましょう。 UIデザインとは？ インターフェースには「接点」や「境界面」という意味があり、2つ以上の異なるものを結びつける際に必要な窓口のようなものを指します。そのためUIは、ユーザーとコンピューター（システムまたはプログ

2017年の8月までtwitter、noteのフォロワーさんが増えていて大変ありがたい限りなのですが、それと同時にイベントなどで「モンブランさんですよね！」っとお声をかけていただく機会が増えています。 この状態、僕自身「ククク...これは計画通り」みたいな感じでは一切なくて、意図しない結果、ちょっとだけ意図的にやってみてるものながごちゃごちゃな状況です。 そこで今回は今までの振り返りつつ、結果的にセルフブランディングにつながってるかもしれないことを書いていきたいと思います。 自分のことを「フタコト」で言えるようにした（なった）「モンブラン」は何者なのか。 僕自身、懇親会などで自己紹介する時などに自分が何者であるかを説明するのに困るのですが、noteの記事やゆるやかな死の記事などをたくさんの方にお読みいただくようになり、自己紹介の時に相手から、 「{AVのひと} だ！」 「{ゆるやかな死の人