メルカリで値段の「¥マーク」を小さくしたら購入率が伸びた理由、ペイディがサービス名を「カタカナ表記」にする理由など、プロダクトのマーケ施策まとめ30(2023) 2023年に取材した記事から、長く参考になりそうな施策をまとめました。※ 数値等はあくまで取材当時のものです。 1、商品ページの「¥マーク」を小さくしたら購入率アップ（メルカリ）メルカリでは、商品詳細ページの「値段の¥マーク」を小さくしたところ、購入率が大きく上昇した。 理由としては、¥マークを小さくしたほうが、心理的な「価格の圧迫感」が減って、心理的にすこし安く感じるためと考えられている。例えば、¥マークが大きいと桁数が多く感じたり、価格を高めに感じやすい。 この案があがったときには、社内でも懐疑的だったそうだが、テストすると小さな開発コストで大きなリターンを得られる施策になった。 元記事：https://markelabo.c
秋丸 @akimaru2138 そのうち同人誌の表紙作る時に自分が考えてること〜とかクリスタでも(それなりに)できる簡素なロゴの作り方みたいなのまとめてツイートしたいんだけどあぁいうのっていかんせん"強い"人がやってるからおれ程度がツイートするのヒヨっちゃうんだよな 2021-12-03 23:29:38
概要 Illustratorで、文字をアウトライン化したパスなどを、パーツごとに分解するスクリプトです。 Illustrator CS6～CC2022（Win・Mac）で動作します。 Boothにて販売中（1000円） 更新履歴 Ver3.0 - 2021/12/06 「オ」や「木」の字が分解できるようになった。（※できないこともあります）「文字／図形」の選択ボタンを削除し、自動判別するようにした。その他こまかい修正で分解の精度が上がった…はず。 Ver2.0 - 2021/09/26 「角を復元」機能を追加。 Ver1.0 - 2021/09/17 爆誕。 「文字を分解する」とは 具体的には、文字をアウトライン化したパスの中から、パーツが十字もしくはＴ字に交差していると思われるような部分を見つけ出し、それぞれ別のパーツに分割する、というスクリプトです。 ver2.0では更に、下図のような
色は私たちの身近に存在する視覚要素であり、日々の生活や行動に多大な影響を与えています。しかし、美術やデザインの専門教育を受けない限り、これほど身近な色を体系的に学ぶ機会はほとんどありません。 近年、ビジネスの現場でもデザインの重要性がよく語られます。ビジネスレイヤーで語られるデザインは課題解決を意味する広義のデザインであることも多いですが、その概念がプロダクトに落ちる段階では、ビジュアルデザインのような狭義のデザインも考えていかなくてはなりません。自分自身がデザイナーではなくとも、デザインを評価・判断すべき立場になることも、当然あるでしょう。 デザイナーでなくても、仕事の中で色を扱うシーンは他にもあります。PowerPoint等を使ってビジネス文書を作成をするとき、誰もが色を用いるでしょう。色の知識があれば、より効果的なドキュメント作成が可能になります。 このように考えると、色はデザイナー
なぜCSSでボタンを作るのか？その前に、なぜCSSでボタンを作るのか？について少しだけ考えたいと思います。 簡単に言ってしまえば、 軽い！拡張性がある！解像度の心配がない！簡単！と言った理由ではないでしょうか？ 画像でボタンを作ることも多いと思いますが、「画像じゃないほうがいいなあ」と思うことも多いと思います。 もちろん、デザイナーから上がってきたデザインデータからボタンを切り取って、HTMLに設置して、CSSでホバーはopacity:0.8、とかやれば簡単ではありますが、デザインツールの進化やレスポンシブの一般化に伴い、そういったイケてなくて古臭いやり方はあまり望ましくないです。 特にWebの場合、テストの繰り返しが必要ですが、画像でボタンを作るとなるとテスト用にいくつもの画像を作らなくてはいけません。色やテキストを変えるとなると画像すべてを修正する必要があります。しかし、CSSボタンで
JAJAAAN代表です。このサイトの制作者です。趣味は、最近始めたアウトドア、最近始めた釣り、最近始めた格闘技です。尊敬する人はさかなくん。人生で学んだことは「女は怖い」ご連絡はメールかTwitterでDMください。 メール Twitter SEE MORE 今回はCSSのみで作れる見出しデザインについて100個サンプルを作ってみました。 見出しなどで使えるデザイン例についてどこよりも詳しく（おそらく..）紹介・解説しています。すべてCSSのみで実現しているものになりまります。 コピペしてそのまま使用していただいて構いません。デザイン例によって作成時のポイントや注意点も書いています。 CSSのみで作る見出しについて見出しについて、マークアップで使用されるHTMLタグはh1〜h6になるかと思います。サンプルのHTMLではh2を例にしていますが、hタグである必要はありません。ご自由なHTMLタ
スマートフォンからウェブサイトを閲覧するひとが増えたことで、あらゆる端末に対応するレスポンシブなWebサイトが主流となっています。 しかし、「HTML5でWebサイトをゼロから作成するのはちょっと、。」というときは、HTML5でできたテンプレートを活用してみましょう。 この記事では、無料ダウンロードできるオススメのHTML5テンプレートをまとめてご紹介します。 2020年に公開されたものを中心に最新テンプレートを揃えています。Bootstrapフレームワークを利用しているものも多く、手軽にカスタマイズできる点もポイント。あらゆる業種にマッチする、お好みの無料HTMLテンプレートを探してみましょう。 商用利用もできる無料HTMLテンプレートまとめ Switch あらゆるデバイスでの表示に対応するランディングページ向けテンプレート。ダークモード切り替えも可能で、イラストを背景として効果的に活用
金融畑であった自分にとって、「デザイン」は最も縁遠い存在でした。 デザインに関する教育を受けることなく、投資銀行でキャリアをスタートさせた自分にとって、「デザイン」とはあくまで「意匠」であり、見てくれを整えること、表面を美しく仕上げることに過ぎず、日常業務に置き換えると、資料をキレイに仕上げること、会社指定のデザインテンプレートやカラースキームを丁寧に踏襲することとほぼ同義でした。 もちろん資料はビジュアル的に美しいだけではダメで、伝えるべきメッセージが分かりやすく整理されていなければならないこと程度は誰でも分かります。したがって、「見た目と有用性の両立」くらいの感覚は持っていましたし、デジタルマーケティングの仕事に関わるようになってからは、もう少し踏み込んで理解したつもりでいました。表示速度、視認性、セキュリティや、エントリーフォームの入力容易性などもデザインの一部なのだな、と。 要は、
どうも、イケダです。最近よくTwitterで知り合った若いデザイナーにお会いしているのですが、どなたにも決まって聞かれることがあります。 「G●●dpatchってぶっちゃけどうなんですか?」 知りません、なんで僕に聞くんだw 2015年に「Dear G●●dpatch」という内容のサイトを作って持っていったところ、「あー、またこれね...」と土屋さんに非常に悲しいリアクションをされてしまったので別の方法で気を引くことをオススメします。 というわけで今日は先日勝手にリデザインしたPolipoliのデザインを使って、UIデザインを行う時に僕が普段どのように色を選択しているのかをとても正直に書いていこうと思います。僕がこれから記す方法に則って色を選べば、誰でもナウでヤングなアプリを作ることができます。 はじめるよ レイアウトに関してはイニシエよりご先祖様がお築きになられたルールに則って並べればオ
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? （今日は12月17日ですが、技術系同人誌 Advent Calendar 2017の8日目が空いてたのでそこを埋めるべく投稿します。） はじめに 「ワンストップ！技術同人誌を書こう」という同人誌に、表紙デザインについて寄稿しました。 しかし、せっかく用意した表紙サンプル画像はフルカラーなのに、同人誌は白黒印刷だということに気付いてしまいました。 これは悲しいので、表紙サンプルのうちいくつかをカラーで紹介します（全部ではありません）。 （追記：電子版ならカラーだそうです。） なおQiitaでは、宣伝はいけないことのようなので、同人誌へのリ
今回は見出し（h1〜h6タグ）のオシャレなデザインサンプルを68つ紹介します。CSSコードをコピペすればそのまま使うことができます。もちろん自分好みにカスタマイズして使って頂いても構いません。
京都市交通局は、オリジナルグッズ「京都市バス方向幕タオル（実寸大）」を11月5日（土）に発売します。デザインは46号・201号・205号・206号系統の計4種類。縦34cm×横142cmと、大きさも本物の方向幕と同じです。 ▽ http://www.city.kyoto.lg.jp/kotsu/page/0000205760.html ▽ http://www.city.kyoto.lg.jp/kotsu/page/0000207489.html 「京都市バス方向幕タオル（実寸大）」は、本物の市バスの方向幕と同じデザイン・サイズのタオルです。2015年9月に発売された第1弾は、好評で短期間のうちに完売したそう。今回の第2弾では、新たに46号・201号系統を加えた計4種類が用意されています。 デザインは利用者の多い系統が選ばれたとのこと。「祇園」「平安神宮」「金閣寺」といった人気の観光スポッ
最近、デザイナーに求められるスキルが多くて何を学べば良いかわからなくなってきた。と言う声を聞くようになってきた。 流行りの記事にいくつか目を通すと、デザイナーは「 経営者と対等に話せるコミュニケーション能力、ビジネスセンスを保有していて、イケてるグラフィックを作り、コードまでかけないといけない 」らしい。 スキルを多く保有している方が望ましいのは間違いない。 ただ、 現場デザイナー に最も大事なのは実装面での考慮事項が網羅されて考え込まれた「 決定力のあるデザイン 」を作る力だと思う。 サッカーで言うと、決定力は「 得点を決める能力 」として使われているけど、UIデザインにおいては「 実装面まで考慮された実装可能なデザインであるか 」という言葉として使っている。 魅せるデザインとフィージビリティが考慮されているデザインでは、かなり内容が異なってくるので、現場デザイナーとしては特にこのあたり
Prottは、2024年8月31日をもちましてサービスを終了いたしました。 これまでのご愛顧に深く御礼を申しあげます。 サービス終了に関する詳細はこちらのページをご参照ください。 Prott サービス終了に関する今後についてのご案内とお問合せ先 改めまして、これまでProttをご利用いただき誠にありがとうございました。 We regret to inform you that our service, Prott, has been discontinued as of August 31, 2024. We deeply appreciate your loyalty and support over the years. For more information on the service termination, please refer to the following page
はじめに 先日、僕が勤務しているソニックガーデンのブログ記事で、弊社プログラマとデザイナーさんの対談記事が公開されました。 【前編】エンジニアの会社でデザインがうまくいくワケ〜「エンジニア病」にはダメ出しされよう 【中編】プログラミングとデザイン、やっていることはわりと同じ〜「デザインは感覚じゃない」 【後編】デザインできるプログラマの育てかた〜「デザインメンター制度」のキモは理由で納得！ インタビューに登場する町田さん（@machida）と赤塚さん（@ken_c_lo）は僕もよく知っているとても素晴らしいデザイナーさんです。 素敵なデザインができるのはもちろん、HamlやSassなどプログラマ寄りの技術知識も豊富に持ち合わせていますし、物腰も柔らかくてとても相談しやすい方たちです。 業界の各方面から引っ張りだこなのも十分頷けます。 ところで、上の記事の中に出てくる「デザインメンター制度」
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 ＷＥＢ生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/344/room ーーーーーーーーーーーーーーーーーーーーーーー
化粧品メーカーの資生堂が、同社が100年近く伝承している独自の書体「資生堂書体」を動画で紹介していました。同社の美意識が込められた書体であり、長年、同社のデザイナーが手書きで伝承しているらしいです。 資生堂書体は、1916年の意匠部（現在の宣伝・デザイン部）設立とともに「資生堂の美学と精神性を表現する」書体として誕生し、資生堂のポスターやパッケージを長らく彩ってきました。現在でも、同社に入社した新人デザイナーは1年かけてこの書体を体得するんだとか。 手書きの所作からして美しい……！ 動画では書体の紹介とともに、鉛筆や墨を使って手書きで書体を仕上げていく様子を撮影。女性のしなやかさを思い起こさせる伸びやかな曲線と、キリッとした雰囲気の直線やエッジが相まって、エレガントな文字が浮かび上がってきます。 動画を見ていると「こんな書体が自分も書けたらいいのにな！」とか思ってしまうのですが、やっぱりそ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く