Webデザインで「紙っぽさ」を出す方法を考えてみる｜akane
こんにちは！株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、Webデザインで「紙っぽさ」を出す方法を考えてみました。参考事例も掲載しながら紹介していくので、どうぞ最後までお楽しみください！ はじめに：「紙っぽさ」とは？私が言う「紙っぽさ」とは、おもに「雑誌っぽさ」のことです。Webデザインだけど、雑誌っぽい。ディスプレイに映っているけれど、エディトリアル感がある。 たとえば、以下のようなデザインは私にとって「紙っぽい」例です。 出典：六本木未来会議出典：DMN出典：ぼくのおじさんどうして、私はこれらを雑誌のようだと感じるのでしょう？自分なりに考えたポイントを、ひとつずつ紹介していきます。 その①：文字が「組まれて」いる最初に挙げたWebサイトのひとつをよく見てみると、画像左上にある「NO. 153」の文字のうち、「NO.」だけが縦向きになっています。「NO.」と「153」を
メルカリで値段の「¥マーク」を小さくしたら購入率が伸びた理由、ペイディがサービス名を「カタカナ表記」にする理由など、プロダクトのマーケ施策まとめ30(2023)｜アプリマーケティング研究所
メルカリで値段の「¥マーク」を小さくしたら購入率が伸びた理由、ペイディがサービス名を「カタカナ表記」にする理由など、プロダクトのマーケ施策まとめ30(2023) 2023年に取材した記事から、長く参考になりそうな施策をまとめました。※ 数値等はあくまで取材当時のものです。 1、商品ページの「¥マーク」を小さくしたら購入率アップ（メルカリ）メルカリでは、商品詳細ページの「値段の¥マーク」を小さくしたところ、購入率が大きく上昇した。 理由としては、¥マークを小さくしたほうが、心理的な「価格の圧迫感」が減って、心理的にすこし安く感じるためと考えられている。例えば、¥マークが大きいと桁数が多く感じたり、価格を高めに感じやすい。 この案があがったときには、社内でも懐疑的だったそうだが、テストすると小さな開発コストで大きなリターンを得られる施策になった。 元記事：https://markelabo.c
ソシオメディア | UITableView の衝撃
ひとつのデザインが事実上の標準となり、その後の基本パターンを変えてしまうことがあります。変わった後ではそれが当たり前となってしまい、その標準に始まりがあったことなど誰も気にしなくなるのです。また振り返ってみたとしても、それがなかった頃の感覚に立ち戻ることはできないので、もはや何がどう新しかったのかを実感することは難しいのです。 2007年に iPhone が発売され、その一年後に日本で iPhone 3G が発売されてから今日（2018年7月11日）でちょうど10年が経ちました。この10年間でスマートフォンやそのアプリを介したオンラインサービスは瞬く間に普及し、私たちのモバイルコンピューティング、コミュニケーション、ソーシャルメディア、Eコマースなどの態様が大きく変化したのは周知のとおりです。 iPhone のデザインは多くの面で新しいものでした。そしてその大部分がその後のスマートフォンの
ミルクボーイがデザイン思考を説明したら｜広野 萌
これをみてひとしきり笑ったあと、デザイン思考バージョンもやりたいなと思って書いてみた。 挨拶内海「どうもお願いします。ありがとうございます。今、ブロックチェーンをいただきましたけどもね。ありがとうございます。こんなんなんぼあってもいいですからね。」 駒場「いきなりなんですけどね、うちのおかんがね、好きな問題解決の考え方があるらしいんやけど」 内海「そうなんや。」 駒場「その名前を忘れたらしいねん。」 内海「問題解決の考え方の名前忘れてまうってどうなってんねん。」 駒場「いろいろ聞くんやけどな、全然わからへんねん。」 内海「そうなん？」 駒場「うん。」 内海「ほんだら俺がね、おかんの好きな問題解決の考え方、一緒に考えてあげるから、どんな特徴言うてたかとか教えてみてよ。」 定義駒場「おかんが言うには、デザイナーがデザインを行う過程で用いる特有の認知的活動やって言うてた。」 内海「ほぅ。……デザ
ミルクボーイがUIとUXの違いを説明したら｜広野 萌
挨拶内海「どうもお願いします。ありがとうございます。今、NFTアートをいただきましたけどもね。ありがとうございます。こんなんなんぼあってもいいですからね」 駒場「いきなりなんですけどね、うちのおかんがね、好きなIT用語があるらしいんやけど」 内海「そうなんや」 駒場「その名前を忘れたらしいねん」 内海「IT用語の名前忘れてまうってどうなってんねん。あれやろ、IT用語ゆうたらどうせ、デザイン思考か、アジャイル開発か、リーンスタートアップやろ！」 駒場「俺もそう思ったんやけどちゃうらしくてな、いろいろ聞くんやけど、全然わからへんねん」 内海「そうなん？」 駒場「うん」 内海「ほんだら俺がね、おかんの好きなIT用語、一緒に考えてあげるから、どんな特徴言うてたかとか教えてみてよ」 定義駒場「おかんが言うには、製品やサービスとの関わりを通じて利用者が得る体験及びその印象の総体やって言うてた」 内海「
今回のツイートの趣旨について｜鳴海ゆい（SALON D'ARTS)
某ゲームに弊社のデザインした水着と極めて酷似したイラストが使用されている件について。 様々なリプや引用RTがございましたので改めて当方の見解をここに簡単に記しておきます。 まず前提として当方はこれを権利侵害を主張したり法的措置を講じるというつもりは毛頭ありません。 1デザイン毎に意匠権登録など手間とお金がかかる事はしませんし、そもそも衣類とイラストが対象である以上法的保護は意味を成しません。そんな事はこれまで何度も調べて自分なりに理解しているつもりです。 また、該当イラストが盗用であるとは一言も申してないにも関わらず当方が争う姿勢を示しているかのように誤解されていらっしゃる方も多い為、何故あのツイートをしたのかを説明しておいた方が良いかと思った次第です。 勿論当方の見解はそれが1年以上前に発売した水着のデザインと酷似していると感じましたし、同時にとても残念な気持ちになりました。 何故ならそ
日本のブランドロゴは世界と比較して文字だらけなのか？ - 最終防衛ライン3
まとめ方が恣意的ではありませんかね？ なぜ日本のブランドロゴは文字ベースのデザインが多いのか？ デザイン会社 ビートラックス: ブログ [B! デザイン] なぜ日本のブランドロゴは文字ベースのデザインが多いのか？ デザイン会社 ビートラックス: ブログ アメリカと中国の企業ロゴはシンボルだけが多いのに、日本の企業は文字ベースが多いと主張する記事である。しかし、日本の例として挙げられる企業が恣意的に選ばれているのではないか？との疑義が寄せられた。それを受けて、記事を執筆した Brandon K. Hill 氏は以下の記事を投稿した。 本当に日本のブランドロゴは文字ベースのデザインが多いのか？ デザイン会社 ビートラックス: ブログ なぜか、日本の企業しか調べられていない。”ロジカル”に検証するなら、前の記事で挙げたアメリカや中国とも比較すべきだろう。 というわけで、グローバル、アメリカ、中国
ダイソーの新しい生活雑貨ブランドについて「どこかが作ってるセンスが良くて高価なもののそっくりさんを安価で買える」という傾向に疲れている
リンク プレスリリース・ニュースリリース配信シェアNo.1｜PR TIMES 「ちょっといいのが、ずっといい。」普段の生活で使う、日用品をちょっと楽しく。大創産業、新業態「Standard Products」をオープン 株式会社大創産業のプレスリリース（2021年3月19日 12時42分）[ちょっといいのが、ずっといい。]普段の生活で使う、日用品をちょっと楽しく。大創産業、新業態[Standard Products]をオープン 15 リンク Standard Products Standard Products 「ちょっといいのが、ずっといい。」膨⼤な数のアイテムを扱ってきたダイソーが新しいスタンダードのあり⽅を提案します。300円の価格帯を中心とした、リビング用品・テーブルウエア・雑貨などの日用品のお店です。 13 users 33 フェリペ・チャンチャマイヨ @thegunswereh
あのデザイン手法に再び注目が！スキューモーフィックデザイン再入門
iPhoneにおけるアーリーアダプター層の方は、iPhone 3GやiPhone 3GSの頃の "iPhoneの画面デザイン" を思い出すことができるでしょうか。スワイプで開くのがデフォルトで、ボタンのデザインに光沢が施されていたころの時代の画面です。 ただ、そうした物質的なデザインである**「スキューモーフィックデザイン」**と呼ばれるデザイン手法は、次第にフラットデザインに取って代わられるようになりました。しかし、今再び「スキューモーフィック」が注目されています。 今回は、"スキューモーフィックデザイン再入門" と題して、スキューモーフィックデザインの考え方や基礎知識、なぜ再び注目されているのかを考察していきます。 ちなみに、スキューモーフィックデザインという言葉自体を初めて聞いたという方も、ノンデザイナーでデザインとかかわりが薄い方も、ぜひ本記事を読み進めてみてください。 「スキュー
丸と線（○と－）のスイッチはどっちがONでどっちがOFF？意味も含めて解説
【 本記事のターゲット 】 丸と線（○と－）が記載されたスイッチどちらがONなのかOFFなのかいまいちわからない今回は電化製品などによく付いている電源ON/OFFスイッチのマーク（○ or ー）に関して、どちらが電源ONでどちらが電源OFFなのか、写真や図を用いてご紹介します。 丸と線（○と－）のON / OFFスイッチ、どっちがONなのか？電化製品はじめ、パソコンやスマホのメニューにも用いられてる場合あり先日嫁さんが下記ボンドガンを用いて子供用の小物を作ろうとしていたのですが... 上記機器を手にとって「あれ？」「おかしいな」と言い続けている... なんだろう？と思ったら、電源をさしてスイッチを入れると温かくなるはずなのにならないんだとか...そして嫁さんから 電源ってどっちをONにすれば良いのかな？これであってる？と... そんなもの見れば分かるだろうと思い、実際にスイッチを見て見たの
グラフを作ってデータを可視化する時に「見やすい色」を選ぶコツまとめ
ウェブデザインやグラフィックデザインにおいて色の選択は非常に重要かつ難しい作業ですが、デザイナーでなくともグラフを作る際などに色の選択をする必要に迫られることがあります。データを分かりやすく可視化するためには、どのような色の組みあわせを選択すべきなのか、プロでなくともプロのようなグラフを作れるようになるポイントを、ビジュアルコミュニケーションを専門とするLisa Charlotte Rostさんがまとめています。 How to pick more beautiful colors for your data visualizations | Chartable https://blog.datawrapper.de/beautifulcolors/ ◆色相をあれこれピックアップしすぎない カラーホイール上の色を大別すると、赤・オレンジ・黄・緑・青・紫の6つの色相となりますが、データを可視化
日本の人たちがロシアの『猫デザインの乳製品』に大興奮していることが地元の人々に伝わる「酪農王国だよね」
SatokoTakayanagi @SatokoTakayanag 日本の人たちがブリャンスク工場の牛乳に大興奮。でも美味しいからじゃなくて、猫のパッケージデザインにだよ！いつか日本に行くときがきたら、おみやげにするといいかも。（とロシアでいわれております） twitter.com/lentaruofficia… 2020-08-29 19:09:07 Лента.ру @lentaruofficial Японцы в полном восторге от молочки брянского комбината. Но не из-за вкуса, а дизайна упаковок с котами! Еще одна идея для гостинцев, если когда-нибудь поедете в гости pic.twitter.com/pAJpNqrrlW 2
スペキュラティブ・デザインとアート思考、デザイン思考 – BlueLogic
スペキュラティブ・デザインとは スペキュラティブとは日本語で「思索」という意味で、課題について考えるきっかけを「提起」するデザインがスペキュラティブ・デザインです。 本来デザインは「課題解決」をするものですが、前回書いたように、顧客の課題解決を目的としている以上「行為の意図せざる結果」は避けられないという限界があります。 そのため最近「アート思考」という言葉が注目され始めているのですが、デザインの側でも「課題の提起」に対応しようとする動きが起こりました。 英国の王立芸術大学（Royal College of Art）の教授であるアンソニー・ダンとフィオナ・レイビーは、デザイナーは人口問題や、地球温暖化といった、世界の諸問題を解決する人ではなく、世の中の価値や信念、態度を疑って、さまざまな代替の可能性を提示する役割を担っていると言い、いわゆるデザイン思考をAとすると、Bにあたるとする「スペキ
「くそダサいデザインの表紙」がダサくなくなるまでの解説がわかりやすくてタメになる…フォントや配色、文字配置など参考になる情報も
デザインtips @tips_bot ゆるく初心者向けのデザイン解説とか書きます。 絵描きさん向けの役立ち情報も多い。なんか思いついた時に自分用のメモも兼ねて投稿しているので、お気軽に〜！
パワポっぽさを脱却する〈色彩編〉｜PowerPoint+
■パワポの色はダサいどうも今回は脱パワポっぽさ！ということで、色をテーマにまとめていきたいと思います！ みなさん、パワポでスライドを作る際、色をどのように決めていますか？ 図形を挿入した時のデフォルトの色を使っていますか？ 図形の塗りつぶしから色を選んでいますか？ もちろん、もともとパワポに設定されているカラーでも問題はありませんが、どうしても普段から目にすることが多いので、パワポっぽさを感じる配色になってしまいます。 今回のテーマ「パワポっぽさを脱却する」ということですから、私がいつもやっている方法を紹介したいと思います！ ■色を決めるのはめちゃくちゃ難しいということを自覚する実際に私がおすすめする方法を紹介する前に、色を決めることの難しさについて話したいと思います。 フランスの国旗（イタリアでもルーマニアでもドイツでもチャドでもポーランドでもいいですが笑）で考えてみたいと思います。もし
医療機器のUI/UXデザイン〜デザインプロセスの全容〜 - 病院経営ウェブマガジン“Healthcare Compass (ヘルスケア・コンパス)”
私は株式会社ジャイロで医療機器の画面や教育コンテンツのUI/UXデザインおよびディレクションを行なっています。医療機器のデザイン業務は、主にメーカーから受注しています。 10年前に心臓カテーテル用検査装置の画面デザインを受注して以来、心電計、血圧脈波検査装置、産婦人科用ECGモニタ、歯科用CTスキャナ装置、手術室用統合表示モニタなど、いろいろな機器の画面表示部のUI/UXデザインに取り組んできました。 デザイン実施例：手術室用統合表示モニタ（AMEDからの支援プロジェクト「安全性と医療効率の向上を両立するスマート治療室の開発（SCOT：Smart Cyber Operation Theater）」 今回は、医療機器画面のUI/UXデザインについて、どのような流れで受注から納品までの業務を進めているのか、ステップを追ってご紹介します。 ステップは大きく分けると3つあります。 依頼から契約まで
管理画面のUIデザインにおける20の改善ポイント | ベイジのUIラボ～業務システムとSaaSのUIを考える
私たちの日常業務で使われる管理画面は、大量の情報と複雑な機能で構成され、利用難易度が高い傾向にあります。検索性の乏しい管理画面の一覧から1つの情報を見つけるために、どれだけの時間を費やしているでしょうか。 1億円の工数をかけて開発した機能も、低品質なデザインでは、機能の存在に気付かれなかったり、間違って使われたりと、期待した業務コストの削減に繋がりません。これでは、1億円を捨てたようなものです。 使い勝手の良くないデザインは、ユーザーだけではなく、開発者にも悪い影響を及ぼします。複雑な構造と分かりにくい操作体系の管理画面は、開発やテストの手間を増やし、その後の機能拡張も難しく、改修コストも増大します。 これらのリスクを抑えるためには、UIデザインの基本原則を理解し、適切に管理画面を設計することが重要です。 私たちは管理画面のUIデザインの改善やリニューアルを手掛けることも多いのですが、その
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
LA 2028
My entire agile design process to redesign Scrimba.com
第98話：冷蔵庫の側面 - 家電 Watch
