マガジンのカバー画像

デザイン

103
本
運営しているクリエイター
haruka

#UI

nanami

nanami

「料金比較表」のUIを集めてみた｜パーツ別デザインまとめ

「料金比較表」のUIを集めてみた｜パーツ別デザインまとめ

こんにちは！株式会社Rabeeでデザイナーをしています、nanamiです🌿

今回はLPやサービスサイトでよく見かける「料金比較表」のUIパーツに特化してデザインを集めてみました。

LPや特定のサービスサイトは構成要素が比較的パターン化されています。
「この要素・セクションのデザインどうしよう」となった時用に、要素ごとにデザインのパターンのストックを持っておきたい。

そんな皆さまに参考にして

もっとみる
加藤朋義

加藤朋義

デザインシステムは、言葉を大事にする。

デザインシステムは、言葉を大事にする。

『恥ずかしくないモノを世に出せたと思ったら、それは遅すぎる』と
言われるほど、デジタルプロダクト/サービス業界には猛烈なスピード感がある。

デザインのブラッシュアップと同時に、コードや仕様、果てはサービスコンセプトまでが留まることなく更新し続ける。

デザインシステムが考慮されていないプロダクトデザインは、その怒涛の速度の中でカオスと化し、一貫したユーザー体験を死守するために現場は疲弊していく。

もっとみる
Nviveto

Nviveto

UIの名称まとめ 〜よく見かけるけどあれなんていう名前？〜

UIの名称まとめ 〜よく見かけるけどあれなんていう名前？〜

コンポーネントを作るときや開発チーム、クライアントと話をするときに名称が一致していないと何の話をしているんだか、、？となってしまします。

忘れっぽい自分は毎回名前をうろ覚えでつけてしまっていますが、戒めとして記事を書くことでしっかり覚えていきたいと思います。

※色んなところから引っ張ってきているので正式名称ではない（複数呼び名がある）ものがあるかもしれませんが、ご了承ください。

UIパーツ見

もっとみる
お塩さん

お塩さん

追従ボタンをやめたらCVRが上がった話

追従ボタンをやめたらCVRが上がった話

クラウドファンディングサービスCAMPFIREでデザイナーをしている、塩月（@oshiokeiko）です。

ここ最近、私はCAMPFIREでプロジェクトを実施する方（プロジェクトオーナーさん）向けの施策に取り組んでいます。
その中で、小さな変更だけど面白い結果が出たな。と思ったことを記事にしてみました。UIを担当していてCVR向上のため画面改善を検討している方などのお役に立てれば幸いです。

追

もっとみる
maiokamoto

maiokamoto

UIのお作法。28個の「〇〇できそう感」をまとめました。

UIのお作法。28個の「〇〇できそう感」をまとめました。

UIデザインにおいて「〇〇できそうな感」を出すことは、非常に大切です。予測される動作や意味が、自然に理解できれば、ユーザーにとって優しいデザインになるんじゃないかと思います。アイコン、大きさ、色などなど、デザインは細かい要素の積み重ね。すでに多くのユーザーに浸透し、習慣化されていそうな「〇〇できそう感」を28個まとめました。

１、進めそう感

時間の流れは左から右に表現します。右矢印は次、進む、

もっとみる
広野 萌

広野 萌

ミルクボーイがUIとUXの違いを説明したら

ミルクボーイがUIとUXの違いを説明したら

挨拶内海「どうもお願いします。ありがとうございます。今、NFTアートをいただきましたけどもね。ありがとうございます。こんなんなんぼあってもいいですからね」

駒場「いきなりなんですけどね、うちのおかんがね、好きなIT用語があるらしいんやけど」

内海「そうなんや」

駒場「その名前を忘れたらしいねん」

内海「IT用語の名前忘れてまうってどうなってんねん。あれやろ、IT用語ゆうたらどうせ、デザイン

もっとみる
あき - 良いもの作って正しく届ける

あき - 良いもの作って正しく届ける

新規登録 UI まとめてみた

新規登録 UI まとめてみた

シンプルだけど難しい「新規登録」のデザイン。
派手さはないけど、地道な工夫の繰り返し。

新規登録って大事
新規登録は離脱を抑えるデザインが重要です。
せっかくダウンロードしてくれたユーザーがサービス利用前に離脱してしまうともったいないので。

本記事では新規登録の UI パターンや事例をまとめてみました。新規登録をデザインする際は、この記事を参考にデザインしてみてください。少しでもお役に立てばう

もっとみる
Angry Breakfa$t

Angry Breakfa$t

【悪いUI・良いUI】発想の転換から打開したアイデアまで【デザイン思考】

【悪いUI・良いUI】発想の転換から打開したアイデアまで【デザイン思考】

※某まとめサイトにてまとめていた記事の転用です

BASENAME: 2150782012031271001 STATUS: Publish ALLOW COMMENTS: 1 ALLOW PINGS: 1 CONVERT BREAKS: richtext DATE: 12/06/2018 00:54:50 

良い・悪いと思ったデザイン例からデザイン思考、デザインに関した事例などを多数サイトやS

もっとみる
Keigo Arakaki / Atrae, Inc.

Keigo Arakaki / Atrae, Inc.

社内デザインチームでの取り組み 【カウンターワークスさんとコラボ鍛錬してみた！】

社内デザインチームでの取り組み 【カウンターワークスさんとコラボ鍛錬してみた！】

アトラエの新垣 ( @dillustxx) です。

前回社内デザインチームの取り組みを簡単に紹介させてもらいました。

今回はカウンターワークスさんとコラボでUI鍛錬を開催しました！

今までは他社サービスのUIをみて課題を見つけ解決案としてのUI案を出す。
ような鍛錬をしていましたが、今回は実際にコンセプトの設計からデザインまでをCocoda!のお題からチョイスしてUI鍛錬！

流れとしては

もっとみる
吉岡ヤス

吉岡ヤス

UIデザインにおける世界観の作り方

UIデザインにおける世界観の作り方

1年目のUIデザイナーの方に相談を受ける機会があり、サービスの世界観を作るフローが言語化できそうだったので、記事にします。

・デザインでオリジナリティを出すのが苦手
・別のサービスや参考のデザイン例が無いとデザインを作れない
・ユーザーに好まれるデザインを追求したい

上記のようなUIデザインやサービスを作る方の参考になれば幸いです。

【目次】
①世界観とは
②場所をリファレンスにする
③場所

もっとみる
平野太一

平野太一

メディアでシズル感を誘うには？デザインリニューアルの振り返りまとめ

メディアでシズル感を誘うには？デザインリニューアルの振り返りまとめ

※この記事は2016年8月にサイトリニューアルをしたときに書いた、記事の再編集&アップデート版です！

今回、再編集してnoteで公開してみようと思ったきっかけは、THE GUILDの深津さんが中心になってまとめている「デザイン系記事まとめ」記事が面白かったから。僕も何か出せるものがないかなぁと思っていたところ、僕が担当しているウェブメディア「CAKE.TOKYO」のリニューアルの裏話は面白いかも

もっとみる