顧客体験をデータで改善する U-NEXTの取り組み - Speaker Deck
Transcript ސ٬ମݧΛσʔλͰվળ͢Δ U-NEXTͷऔΓΈ DF-1 THE GUILD / UX σβΠφʔ / ҆౻ ߶ U-NEXT / σʔλαΠΤϯςΟετ/ ᜎ ࣗݾհ ҆౻�߶ w େख4*FS�ˠ�ݕࡧΤϯδϯϕϯνϟʔ� w ������5)&�(6*-%ۀ� w ������6�/&95��σβΠϯٕज़ސ 5)&�(6*-%����69ɾ6*σβΠφʔ ࣗݾհ �ᜎ w ౦ژۀେֶ��ത࢜߸औಘɹަ௨ܦࡁֶ� w ������ܭྔܭըݚڀॴ� w ������6�/&95 γϟɾϢ 6�/&95גࣜձࣾ��σʔλɾαΠΤϯςΟετ None Reference: GEM Partners ʮಈը৴ʢVODʣࢢ5ؒ༧ଌʢ2016-2020ʣϨϙʔτʯΛݩʹ࡞ ಈը৴ࢢٸத � ��� ��� ���� ����
指定したカラーをベースに、Webデザインやイラストで使えるカラーパレットや美しいグラデーションを生成できるテンプレート -Color Creator Templates
指定したカラーをベースに、そのカラーからバリエーションを調査し、Webデザインやイラストで使えるカラーパレットや美しいグラデーションを生成できるテンプレートを紹介します。 Color Creator Templates -GitHub Color Creator TemplatesはBSDライセンスで利用でき、3つのアプリ用にカラーテンプレートが用意されています。 Photoshop Sketch Affinity Designer Color Creator Templatesの使い方 Photoshop用のカラーテンプレートを例に使い方を紹介します。 Color Creator Templatesではテンプレートを使用して、カラーのバリエーションを調査し、カラーパレットを作成できます。通常のカラーツールでは見いだせない2, 3色のカスタムカラーのブレンドモードを使用することもできます。
色比率
ベースカラー RGB データ ≫ R : - G : - B : ／ RGB 平均値 :: ／ ベースカラー 補色 ::
0to255
There are 16,777,216 color hex codes. With so many options, how do you choose the right color? The latest research on color perception tells us that somewhere between 40% to 99% of these colors are indistinguishable to the human eye.* Which begs the question: if we can't see the difference between two colors, why should we waste time deciding between them? What if you could easily narrow down the
Adobeよ、お前もか！ WEBサービスやアプリの「嘘っこCMYK値」には気をつけろ！
忙しい人のためにざっくり要約 WEBサービスやアプリで、ある色のCMYK値を出す実装は単純な計算式によるものが多い。あり得ない値になるから、数値を信用ないほうがいいよ。 ACEを使ってプロファイル変換ではじき出した数値を出せないなら、無理に実装しないほうがいいんじゃないかな？特にAdobeさん、本家でしょ。 WEB版とアプリ版で出力値が違うのもどうにかしようよAdobeさん。 RGB→CMYKへ画像変換するサービスも、ターゲットとなるCMYKは日本国内向けではないものが多いので、思ったよりも色が変わるよ、注意しよう。 と言うわけで出自の分からない野良CMYK値はアタマから疑ってかかろう。特にロゴマークのガイドラインのCMYK値は。 Adobe Color CC、というサービスをご存じでしょうか。いろんな配色ルールを当てて、スウォッチをAdobeソフトウェアで共有できたりします。 『カラーホ
ケーススタディ：若い女性向けのECショップにおけるデザイン
ECショップをデザインするとき、デザイナーはどういったことを気にしてデザインをするべきでしょうか。シンプルでおしゃれなビジュアル？ それともお得情報を前面に出しますか？ 実際の店舗でもさまざまなショップが存在するように、扱う商品やターゲット属性によって、当然ながらECショップのデザインアプローチも変わってきます。 今回はHamee株式会社で運営しているECショップにおける事例を、デザイナーの平山さんにお聞きしました。 平山 智也 氏 Hamee株式会社 デザイン部 UI/UXデザイナー 茨城県神栖市出身。大学では情報学部でデザインコースを選考し、WEBデザインやUI/UXを学ぶ。 学生時代のアルバイトで不動産広告のデザインやweb制作会社のインターン経験を経て、新卒でHameeに入社。現在はEC店舗のUI/UX改善、販促企画などのコンテンツデザインに携わっている。 同じ商品でもターゲットに
面倒なレスポンシブイメージの画像作成を自動化してくれる神ツールとブレイクポイントの考え方
レスポンシブイメージ、使ってますか？ ウェブサイトの表示パフォーマンスの最適化をする際に、一番手っ取り早いのが画像の最適化です。そこで、イメージオプティム とかMac Automatorとpngquantなどのツールを駆使して一生懸命に画像自体を最適化したりレスポンシブイメージを使って画像を出し分けたりするわけですけども、特にレスポンシブイメージは手動でやるのは正直言ってかなり面倒です。 そ・こ・で！ 本日ご紹介したいのが「Responsive Image Breakpoints Generator 」です。このツールを使えばレスポンシブイメージの複数画像の作成やHTMLの記述を自動化できて、しかも！アートディレクションまで自動化できるんです。 ということで、今回はレスポンシブイメージについての簡単なおさらいと、画像作成の基本的な考え方、それから自動化について書いてみます。 では、行ってみ
LOL Colors - Curated color palette inspiration
LolColors Curated color palette inspiration. In need of a total site redesign, ground-up build, or other extensive design work? Check out our various lists of the top web design companies for an objective look at the best web design agencies around. Looking for help with marketing as well? We've got you covered with our rankings of the best digital marketing companies in the country! Sorting and "
impalette.com - impalette リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
プロトタイピングツールって、どれがいいの？！プロトタイプを簡単に作れる5ツール比較 | SELECK
WEBサービスやアプリの世界でもプロトタイプを作り、ユーザーのインサイトを確認した後に実際のプロダクトを作る手法が広がっています。 その流れにあわせ、プログラミングなしでプロトタイプを作れる様々なツールが生まれています。 結局、どのプロトタイピングツールがいいの？という声はよく聞くので、今回は下記のプロトタイピングツールの使い方を比較しました。 inVision Flinto Prott Flinto for Mac Pixate プロトタイピングツールは目的に応じて選ぶことが重要 プロトタイプを作る目的は様々ですが、下記のどちらの目的かによって、選ぶべきプロトタイピングツールが変わってきます。 プロダクトとして機能するかの確認 ユーザーが心地良いかの確認 「プロダクトとして機能するか」を確認するためには、細かいインタラクションの確認は必要ありません。ざっくりと動くものを作り、ユーザーに見
簡単！ロゴ作成やフライヤー作成にオススメのツール23選
会社、お店、新規事業、イベントを始めるにあたって、顔となるロゴ（LOGO）や告知ツールであるフライヤーは非常に重要な要素です。しかし、プロのデザイナーに頼むと費用もそれなりにかかりますし、かといって自分ではデザイン出来ない、とお悩みの方も多いのではないでしょうか。 今回は、ブラウザ上で使えるロゴ作成やフライヤー作成にオススメのフリーツールをまとめてご紹介いたします。ダウンロードが不要で、Windows/Mac問わず使えるものばかりです。無料でもクオリティの高いロゴ、フライヤーを作成することができますので、気になるものがあれば使ってみてください。 1.ロゴ作成ジェネレーター Cool Text https://ja.cooltext.com/ 用意してあるロゴスタイルから好みのものを選んで、サクッとオリジナルのロゴを作成することができるジェネレーターです。 現在115個のスタイルから選ぶこと
フォント名を画像から調べる、日本語・英語のフォントを検索・自動判定できる無料サービスのまとめ
Webページ、本や雑誌、ポスターや看板などで見たフォントを使いたいけど、そのフォントが何か分からない時ってありますよね。そんな時にはフォントを画像から、フォントの特徴からそのフォントが何か検索できる無料サービスを紹介します。 日本語のフリーフォントのまとめも参考にどうぞ。 2022年用、日本語のフリーフォント 609種類のまとめ フォント名が分からない日本語フォントを検索・自動判定 Adobeやダイナフォントやタイプバンクの有償日本語フォントをはじめ、青柳衡山フォントやみかちゃんフォントなど無料日本語フォントまで、日本語フォントを検索できます。 Identifont -形状別フォント 識別名称別フォント検索 対応フォント 日本語・英語 対応フォントは、書体メーカー一覧をご覧ください。 検索方法 形状別・名称別・スタイル別・類似・絵文字・メーカー別 使い方は簡単で、名前が分からないフォントの
Adobeから自由自在に新しいフォントを作り出せる技術「Project Faces」が登場
ソフトウェア会社のAdobeが、サンフランシスコで開催中の「Adobe Max 2015」で、開発中の新技術を披露する基調講演を行いました。基調講演ではさまざまな新しい技術が紹介されましたが、その中でも特に反響が大きかったのが「Project Faces」という、フォントの骨格を解析して自由自在に新しいフォントを作成できる技術です。 Adobe MAX 2015 - Sneaks - Project Faces - YouTube デザインの際に頭を悩ませることの1つは、そのプロジェクトに適したフォントを選ぶ作業。既存のフォントを使いたくないときは、フォントを変形させたりするのですが、その作業は時間がかかり過ぎるそうです。 その問題を解決すべくAdobeはアプリケーションを開発中。そのアプリケーションのプロトタイプをiPad上で動かすというデモが行われました。スクリーンに大きな「P」が表示
Favicon Generator for perfect icons on all browsers
Your favicon is transparent. This is usually a good thing, but not for iOS Web Clips which are supposed to be opaque. Look at the sample on the left, this is how a user would see your favicon as a Web Clip on his device. What to do about this? Your favicon is not transparent. This is a good thing for iOS Web Clips. Yet, web clip corners are rounded. Depending of your favicon, it may disrupt its de
今後のデザインに欠かせないユーザーの瞬間の理解と共有
Apple Watch をはじめとしたウェアラブルを使い始めてから、瞬間の体験についてよく考えるようになりました。しかし、実際のところスマートフォンでも瞬間（ひととき）は存在しています。Google は 4 月に「Micro-Moment」という状態を提示しました。Webサイトやアプリと、きちんと向き合って操作するのではなく、突発的に起こった欲求に対して即座に行動をとる状態を指します。Micro-Moment は以下のような要素で構成されています。 今この瞬間に訪れる欲求（リアルタイム） ある特定の目的がある（意図的） 一番近くにあるデバイスを選ぶ（マルチデバイス） ながら作業のときが多い（マルチタスク） 瞬間に対するニーズに応えるかのように Google は検索結果に「購入」ボタンの実装を検討しています。「あれが欲しい」という瞬時に起きたニーズに対して、すぐに応えるためのアプローチです。
アイキャッチ画像・ロゴ作成のための6つの優秀な無料ツール / Maka-Veli .com
事情があって、プロのグラフィック・デザイナーを雇えない場合はありませんか。コストが問題であったり、時間に追われていたり…といったことが原因で。あるいは、デザインの才能はあるけれど、ITに弱いという人もいるかもしれませんね。こうしたことが身に覚えがある方には、ブログ用のシンプルな画像やウェブサイト用のロゴを簡単に速く作ることができる優秀な無料ツールがある、というのは嬉しい情報ではないかと思います。 以下の6つのツールはロガスターのおすすめです。 文字通り数分で、シンプルかつ綺麗な画像やロゴが、誰でも作れます！ 1. LiveLuvCreate LiveLuvCreateはほとんどの人が使いやすいと感じる画像作成サイトです。 LiveLuvCreateを使えば、一つの背景画像から複数画像のコラージュまで、様々な種類のデザインレイアウトから選ぶことができます。三つのテキストエリアでは沢山
【配色 - デザイン ★★★★★】 - Color Scheme Designer 3
Paletton, the color scheme designer In love with colors, since 2002. Paletton application Colorpedia About Paletton About Paletton Paletton.com is a designer color tool designed for creating color combinations that work together well. It uses classical color theory with ancient artistic RYB color wheel to design color palettes of one to four hues, each of five different shades. Various preview sty
制作会社の視点から見る、サービス制作会社まとめ | UXデザイン会社Standardのブログ
2014.12.10 / Business 制作会社の視点から見る、サービス制作会社まとめ Tomohiro Suzuki 自社のサービスの改善や、新規事業立ち上げの際にデザインの信頼できる会社を探そうとしたことはありませんか？ 記事の性質としてはデザイナーというよりも、クライアント様やデザイナーが足りないと感じて外部の会社を探そうと思っている人向けの記事になりますが、いざ探そうとなると意外と迷ってしまうことがあるかと思います。 そこで今回は、同業での視点からサービスの制作をメインに行っている信頼できる会社を紹介しようと思います。 （※今回は東京の会社に限定していますが、また別の機会にフリーランスや関西の会社なども含めアップデートした記事を公開できればと思います） きっかけ この記事を書くきっかけになった元は先週に公開されました、Goodpatchさんにお声がけ頂いてお話をしたPodpat
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
12 Best Tools for Playing Around with Color
fontlab-studio
