ソリッドとアウトライン、どちらのアイコンが認識しやすいか
アイコンのスタイルをソリッドとアウトライン、どちらを使用するか決めなければならない場合がありませんか？ 好みで決めるという人もいるかもしれませんが、それぞれ分かりやすい場合と分かりにくい場合があります。 どのような場合にソリッドを使い、アウトラインを使うとよいのかを紹介します。 ちなみに下記は、左が過去のデザイン手法、右が現在のデザイン手法です。 Solid Vs. Outline Icons: Which Are Faster to Recognize? by UX Movement 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 アイコンのスタイルがユーザビリティに与える影響 アイコンにおける特徴的な手がかり アウトラインアイコンが速い場合 ソリッドアイコンが速い場合 スタイルに違いがない場合 ボタンとしてのアイコンを使用す
オレ プログラム ウゴカス オマエ ゲンシジン ナル - Qiita
ガイヨウ オレ オマエ ゲンシジンスル プログラム カイタ ゲンシジン ジョシ ツカワナイ ゲンゴショリ スル ジョシ ケス ゲンシジン カンジ ヒラガナ シラナイ ゼンブ カタカナ スル サンプル import requests import json import sys BASE_URL = "https://api.ce-cotoha.com/api/dev/" CLIENT_ID = "オマエ アイディ イレル" CLIENT_SECRET = "オマエ シークレット イレル" def auth(client_id, client_secret): token_url = "https://api.ce-cotoha.com/v1/oauth/accesstokens" headers = { "Content-Type": "application/json", "charse
課金 UI まとめてみた｜あき - 良いもの作って正しく届ける
売上を伸ばしたい。 課金率を伸ばしたい。 でも、難しい！ コンバージョンするサブスク UI を勉強したかったので、いくつかのアプリをスクショ。あたまの整理にまとめたのでアップ。 Web の LPO はかなりノウハウ系記事がありますが、アプリのサブスク UI は、まだまだ少ない気がします。誰かの参考になれば嬉しいです。 まとめ内のコメントは個人的感想です。まだまだ勉強中なので、お気軽にご意見いただけるとうれしいです。 ※ スクショは少し前に撮影したものなので、一部古くなってるかもしれません。 UI パターン 1. ミニマム型 2. プラン比較型 3. 横スクロール型 4. リスト型 5. ロング LP 型 規約表示パターン 1. 固定表示型 2. 隠しスクロール型 3. フッター型 4. 遷移型 サービスパターン 1. 探索財 2. 経験財 3. 信頼材 UI パターン1. ミニマム型最低限
CSSの参考になるアイデアがいっぱい！2018年スタイルシートを使ったテクニックのまとめ
2018年も、CSSの進化がすごかったです！ CSSを使ったアニメーションはより快適なものが増え、JavaScriptを使用しないと実装できなかったものがCSSだけで実装できるようになったり、vwやvhやcalc()などを効果的に使用したり、レイアウト、ナビゲーション、カードなどもより洗練されて実装されています。 さまざまな素晴らしいアイデアが取り入れられたスタイルシートを使ったテクニックを紹介します。 各デモはCSSのみで実装されたものもありますが、JavaScript併用もあります。 動作を見るには、「Run Pen」をクリックするか、クリック後に右上「Edit on Codepen」をクリックしてください。 まずは、ダイナミックなアニメーションが楽しいソーラーシステム。動きが斬新で、スライドなどに応用してもよさそうです。ベストビューは、Operaです。
どうなる2019年のロゴデザイン？知っておきたい最新人気トレンド6個まとめ - PhotoshopVIP
ロゴを特別なものにするのは何でしょう？ロゴを魅力的にするには、デザイントレンドがどのように進化しているのか、きちんと把握しておくことが大切です。 この記事では、2019年にかけて注目したい、ロゴデザインの人気トレンド9個を予想し、まとめてご紹介しています。たくさんのデザイン事例と一緒にまとめているので、今後のデザイン制作の参考にしてみてはいかがでしょう。 デザイナーが押さえておきたい、2019年のウェブデザイントレンド10個まとめ【完全ガイド】 2019年に注目したい！グラフィックデザインの最新トレンド10個まとめ コンテンツ目次 1. 可変ロゴデザイン 2. 新世代の幾何学模様 3. 目の錯覚を利用したロゴ 4. 目的のある配色 5. ネガティブ・スペースの応用 6. ミニマリズムの変化 7. 歴史のあるロゴ 8. 重なり合うロゴデザイン 9. ディテールを最大限に活用 01. 可変ロゴ
2019年に流行するWebデザインの最新トレンド18個まとめ | Web Design Trends
そろそろ2018年も終わりを迎え、2019年がやって来ようとしています。この1年でWebデザインのトレンドにも様々な変化がありましたが、2019年はどのようなWebデザインの手法が流行するのでしょうか？ 最新のWebデザインのトレンドを取り入れることによって、Webサイトを魅力的に見せることができたり、使いやすいWebサイトを提供することができるなど、様々なメリットが生まれます。 今回は、2019年に流行するWebデザインの最新トレンドを一気にご紹介していきたいと思います。 2029年のWebデザイントレンドに関する記事を公開しました！最新情報を知りたい方はこちらをご覧ください。 2022年に流行するWebデザインの最新トレンド10個まとめ 2021年のミニマリズムを中心としたトレンドが注目されていましたが、2022年は鮮やかで、奇抜で、記憶に強く残るようなデザインを中心としたトレンドが注
【2019・春】フレンチショートは35歳からの女性におすすめのヘア♪上品な大人ヘアを楽しもう｜ホットペッパービューティーマガジン
ショートヘアというと、メンズライクでクールなスタイルが多いと思われがちですが、実はやわらかな女性らしさを演出するのにぴったりなスタイルがあるのです。それは、ヨーロッパ映画に出てくるような洗練された雰囲気の“フレンチショート”。30代、40代の女性にこそおすすめしたい、大人かわいいフレンチショートのスタイルをご紹介します。 1．大人女子におすすめ♡フレンチショートってどんなヘアスタイル？ 2．ナチュラルなフレンチショートで上品な大人ヘアに 3．ゆるふわウェーブで大人フェミニンなフレンチショートに 4．大人かわいい眉上バングで抜け感のあるフレンチショートに 5．重めのフレンチショートで大人モードなレトロヘアに 6．アッシュ系カラーのフレンチショートで透明感たっぷりに 7．ピンク系カラーのフレンチショートでフェミニンに 8．ベージュ系カラーのフレンチショートで色っぽく
アニメーションを使った効果的なモバイルなトランジション例
アニメーションはユーザー体験において重要な要素です。モバイルアプリ画面のトランジションにおいて、アニメーションで伝えられることはたくさんあります。メッセージ送信、設定画面を開く、チェックボックス、別ページへの誘導などはすべて画面のトランジションです。それらをアニメーションで表現することはユーザーのアクションを促進する効果的な方法です。 この記事ではデザインを引き立たせ、ユーザーとの意思疎通やアクションを促すような効果的なアニメーション事例をレビューしていきます。 システムステータスの表示 何らかのアクションをユーザーが行った際には、そのアクションを受け取り処理していることをビジュアルレスポンスで明確に示す必要があります。アニメーションによるフィードバックがユーザー体験において有益なケースがいくつかあります。 ユーザーの操作に対する「反応」をきちんと返しましょう。ユーザーはシステムがアクショ
パンフレット専科
極める会社案内、 パンフレット、採用案内、カタログづくりから、 コーポレートサイト、ロゴデザイン。 全てはブランディング主語のクリエイティブです。
着地する時、土煙をドーンと巻き上げ登場したい - デイリーポータルZ
父は数学教師。母は国語教師。姉２人小学校教師という職員室みたいな環境で育つ。普段はTVCMを作ったり、金縛りにあったりしている。（動画インタビュー） 前の記事：ガスボンベを抱き枕にする ウルトラマンなど巨大な存在がジャンプして着地する際、ドーンと土煙が巻きあがる特撮演出がある。あれめちゃくちゃかっこいい。ぜひ自分でもやってみたい。 調べてみると、この土煙演出が多用されている作品として、ウルトラマンガイアがある。 そう聞いてから見てみると、着地のみならず、走っている際にも異常に土煙が巻き上がっていることに気づく。作り手の汗と努力と札束があの土煙には込められているのだ。 この演出、地面に火薬を仕込んで、着地する瞬間に爆発させているらしい。自分でやるには技術的に難しそうだし、一歩間違うと演者が大ケガを負いそうである。 何とか簡単に再現できる方法はないか検証してみた結果、あったのです。 これであな
『私が竹野内豊と熱愛発覚したテイでリプライ送ってくれませんか？』→炎上リプ欄が見事に再現される「天井の高い家でお幸せに」
藤原 麻里菜 | Marina Fujiwara @togenkyoo この度は、急な報道でお騒がせいたしまして、申し訳ございませんでした。豊さんは、仲の良い友人の一人です。しかし、私の軽率な行動で、このような騒ぎになったことを後悔しております。 これからも、「無駄づくり」並びに藤原麻里菜をよろしくお願いいたします。 2018-09-10 13:43:58
まず、「そうですね」って言え。
プロデューサーとして駆け出しで売り出し中のころ、 カンヌ広告祭に行く機会に恵まれました。 カンヌに着いてホテルのロビーにいたら その当時メチャクチャ売れてて、いい仕事していて、威張っている感じの 他の会社の名物プロデューサーに声をかけられました。 「おう、お前が櫻木か、最近名前聞くなあ、生意気なんだって？」 プロダクションのプロデューサーは、実は他社のプロデューサーとの 横のつながりはあまりありません。 引き抜きやプロダクション間の移籍の疑いがかけられるし いろんな機密を持っているので、他の会社の人と仲良くするのは よくないとされていました。 コンプライアンスにうるさくなった今でもそうですが。 そういう意味で、他社のプロデューサーの話を聞ける機会は 飲み屋でたまたま出会うか、日本から遠く離れたカンヌ広告祭ぐらいしかありませんでした。 カンヌでのプロデューサーの役割は、建前は広告の勉強ですが
「わーい！」と打つとかわいい書体で表示 大日本印刷が文に込められた感情をフォントで表現する技術を開発
チャットツールでは基本的に文字のみでコミュニケーションをとるため、相手の意図や気持ちを組み取りにくい面があります。大日本印刷がこの課題に対し、文の内容を解析してその感情に見合った書体で表示する「DNP感情表現フォントシステム」を開発しました。例えば「わーい！」と入力すると、システムが「楽しい」感情を読み取り、かわいらしい書体で表示します。 チャットツールへの導入を想定したイメージ。入力されたテキストをリアルタイムで解析し、その感情に合ったフォントで表示する システムは入力中の言葉や絵文字をリアルタイムで解析し、それらが持つ感情やイメージを、「安らぎ」や「おだやか」「怒り」など全12種類に分類。「喜び」ならポップに、「恐怖」ならおどろおどろしくと、文のイメージに合った書体に変換して表示します。 感情・イメージの分類と、対応するフォントの例。組み合わせはカスタマイズも可能とのこと 「やばい」の
中野を荒らす「違法テプラ」のなぞ - chocoxinaのover140
繁華街を歩いていると こういった具合で、反社会的な感じの人たちが公共物に張り付けていったステッカーを見ることができる。 一つひとつをじっくり見てみると、何らかのメッセージ性を感じるものや「○○参上！」といった趣のものなど様々。 その違法っぷりや景観への悪影響は看過できないにせよ、ともかくなかなか興味深いものだ。 筆者の職場がある中野駅（東京都）付近にも例によってさまざまなシール類が貼られているのだが、その中でもとりわけ目を惹くものがあった。 テプラだ。 あんまりにも収まりがいい写真で、事情が伝わり切っていないかもしれないので改めて説明させていただくと…… 中野には「さまざまな違法ステッカーと同じノリで、路上にテプラを貼って回っている徒党」がいくつか存在するようなのだ。 本記事は、そのような「違法テプラ」および、それらを貼る人たち（通称テプラチーマー）に関する研究の記録である。 ※「違法テプ
Nintendo SwitchのUIはなぜ使い勝手がいいのか!? 全員で体験し、“あたりまえ”を磨く任天堂のもの作り【CEDEC 2018】 - ファミ通.com
前述したように、本体機能とはゲーム機本体に最初から内蔵されているソフトウェアのこと。任天堂の家庭用ゲーム機で初めて実装されたのは、2001年に発売された ニンテンドー ゲームキューブで、当時はセーブデータ管理などだった。以降、ニンテンドーDS、Wii、ニンテンドー3DS、WII Uとハードが進化するにつれ、さまざまなシステムやサービスが追加されていった。こうした多機能化に加え、任天堂のゲーム機以外でも多機能でゲームを遊べるデバイスがつぎつぎに出現。そうした状況の中、ニンテンドースイッチも同じ多機能化を目指すことの是非から考え直したそうだ。その結果、たどり着いた答えが“ゲーム機なので、ゲームで遊ぶに特化しよう”と、原点回帰したじつにシンプルなもの。「これがニンテンドースイッチに込められた思いです」と小野氏。つくるものを厳選し魅力を凝縮するとともに、ストレスを感じさせないことを目指した。その実
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザインの参考になる！最近のスマホアプリで見かけるUI、インタラクションがまとめられたギャラリーのまとめ
Street Debater
three.js - JavaScript 3D library
公開された、3万2,000点を超える「バウハウス・アーカイヴ」
光るLEDバッジを売ったら予想以上に反響があった - デイリーポータルZ
