WebデベロッパーのVictor氏による下記のツイートから始まるスレッドが大変参考になる内容だと感じたので、ご本人に許諾を得て日本語で紹介させていただくことにしました。 I reviewed 100+ user interfaces this year. Avoid the most common 18 mistakes to make your UI/UX design better 👇 — Victor (@vponamariov) July 30, 2021 私は今年100以上のユーザーインターフェースをレビューしました。あなたのUI/UXデザインをより良くするための、下記に示す18個の良くある誤ちを回避しましょう。本記事で使用する画像はすべてVictor氏のツイートから拝借しています。なお翻訳には一部私の意訳が入っていることをご了承ください。 1. 薄いコントラストの文字適切では
良いゲームを商業的に失敗させる細かなミスに立ち向かう，客観的調査と評価の重要性とは ライター：徳岡正肇 日々大量のタイトルがリリースされるゲーム市場。「これ，どこかで見たことがあるなあ」という作品もまた，膨大な量が発売され続けているが，面白いことに，そういった「クローン作品」は，必ずしも本家と同じような成功を収められないことがある。さらに興味深いことに，世の中には「成功するクローン」と「うまくいかないクローン」があったりもする。 いったいこの差はどこで生まれるのだろう？ 一般的には「広告宣伝の差」で片付けられることが多いこの問題について，クロアチアで開催されているゲーム開発者向けイベント，「Reboot Develop 2016」のセッションにおいて，意外な（そして実は自明でもある）側面が解き明かされた。 「Reboot Develop 2016」公式サイト 「良いゲームなのに，売れないゲ
アイコンのスタイルをソリッドとアウトライン、どちらを使用するか決めなければならない場合がありませんか？ 好みで決めるという人もいるかもしれませんが、それぞれ分かりやすい場合と分かりにくい場合があります。 どのような場合にソリッドを使い、アウトラインを使うとよいのかを紹介します。 ちなみに下記は、左が過去のデザイン手法、右が現在のデザイン手法です。 Solid Vs. Outline Icons: Which Are Faster to Recognize? by UX Movement 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 アイコンのスタイルがユーザビリティに与える影響 アイコンにおける特徴的な手がかり アウトラインアイコンが速い場合 ソリッドアイコンが速い場合 スタイルに違いがない場合 ボタンとしてのアイコンを使用す
ヒューマンピクトグラム2.0は、非常口のあの人のピクトグラムをTopeconHeroesダーヤマの好みで拡張、ストックしていくページです。 このサイトにストックしたピクトグラムは、WEB制作や会議の資料、企画書などのデザイン素材として無料で利用可能です。 ただし素材そのものの再配布、販売はNGっす。なお2.0だからって拡張元のピクトグラムに比べ優れている訳ではありません。 犬の散歩のピクトグラムその３ 飛び膝蹴り 社長、部長 ショートカット 手荷物検査 略奪婚 結婚式のピクトグラム 神父、牧師 ちゃぶ台返し 2 水球 ピクトグラム シンデレラ サムライ 3 サンタクロース 2 サンタクロース バーテンダーのピクトグラム2 バーテンダー 銅鑼 銅鑼をドーン 虫取り少年 少年時代 やり投げ 食事をするピクトさん 演説するピクトさん エスカレーター 下校する子供
オリジナルのアイコンを作るシンプルで簡単なデザインテクニックを紹介します。 円や矩形などの基本的な形を組み合わせたり、変形させたりして、さまざまなアイコンを作成します。 作業に慣れてしまえば、どれも1分もかからずにアイコンを作成できます。 The Super Simple Guide to Iconography 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 目のアイコンの作り方 矢印のアイコンの作り方 バッテリーのアイコンの作り方 箇条書きリストのアイコンの作り方 クラウドのアイコンの作り方 次に進むのアイコンの作り方 ファンネルのアイコンの作り方 プレイ・ポーズのアイコンの作り方 位置矢印のアイコンの作り方 位置ピンのアイコンの作り方 サウンドのアイコンの作り方 ウェーブのアイコンの作り方 Toptalのアイコンの作り方
WindowsXPには従来と比べて全部で100種類以上の新しくデザインされたアイコンがあるわけですが、あれらは一体、誰がデザインしたのだろうか？と思い至り、いろいろと調べてみた結果、「Iconfactory」というところがマイクロソフトと協力して作り上げたデザインだそうです。公式サイトでは各種アイコンや壁紙をフリーで配布しています。 というわけで、マイクロソフトによるアイコンの作成方法の秘密に迫ってみましょう。 「Iconfactory」というのはここ。 Iconfactory http://iconfactory.com/ フリーでアイコンも配布しています。現在、276種類。 Iconfactory : Freeware : Icon 壁紙も色々あります。 Iconfactory : Freeware : Desktop どこかで見たことがあるような……。 Iconfactory : F
イラストやマンガを描いていて、「こういうポーズを書きたいけれど参考にできる写真がないし、自分でやって鏡を見るには色んな意味で限界がある……！」と困った状況に陥った時にお役立ちなアプリが「アニメは、3D ポーズ」です。3Dモデルの女の子が歩いたり走ったり恥じらったり戦ったり、という動きがアニメーションで再生され、360度全方位からポーズを確認でき、「これだ！」という瞬間で一時停止させることが可能となっています。 アニメは、3D ポーズ - Google Play の Android アプリ 「アニメは、3D ポーズ」で動く女の子をいろんな方向から確認したり、ポーズをスロー再生＆一時停止している様子は以下のムービーから確認できます。 動く女の子を360度全方位から見れる「アニメは、3D ポーズ」 - YouTube 「アニメは、3D ポーズ」はGoogle Playにて220円。インストールす
「さくらのアイコンセット」とは？ 「さくらのアイコンセット」は、サーバやストレージなどインフラに関連したアイコンをセットにしたものです。当社サービスをご利用をされている方はもちろん、当社サービスをご利用でない方でも、ホワイトペーパー、システム構成図、プレゼンテーション資料など様々な用途にご利用いただけます。 >>こちらからダウンロードできます。 《ライセンス》 SAKURA internet Inc. クリエイティブ・コモンズの 表示 4.0 国際 ライセンスで提供されています。 《アイコンの紹介》 「さくらのアイコンセット」を含まれるアイコンについては、下記のアイコンとなります。 1 ： general 様々な用途でご利用できる汎用的なアイコン集です。 2 ： programming PHPやPythonなどのプログラミング言語のアイコン集です。 3 ： server-parts CPU
今なら同人作家と知り合いになりたいと思ったら、ツイッターで定期的に発言をふぁぼったりRTして、「クソリプ」ではないようなコミュニケーションをして、即売会直前に「取り置きお願いします」ってリプライして、当日お土産（既製品）を持ってアイコン付き名刺を渡せば、高確率で知り合いになれるよ— maepy (@maepy) 2015, 2月 16 一週間ほど前の発言ですが、あまりに簡潔に書きすぎたので補足します。 具体的にはどうすればいいかとか、なんでそうなのか、といったあたりを中心に。 世の中に「同人作家と知り合いになりたい」という人がどれだけ存在するかわからない、なんとも需要が不明な情報です。 ちなみに「同人作家と知り合う」と銘打っていますが、別に同人作家が相手じゃなくても通用する部分もあるので、人間関係に困っていらっしゃる方がこのノウハウから一部を取り入れて活用してもいいかも知れません。 あと今
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
スマートフォンアプリの開発ではユーザーエクスペリエンス(UX)を高めることが重要で、優れたアプリには必ずと言ってよいほどUXを高めるデザイン上の工夫があるものです。人気の地図アプリである「Google Maps」と「Apple Maps」のUXデザインを比較すると、両アプリが異なる思想の下で緻密にデザインされていることがよく分かります。 Maps on iOS: Design Explosions #1 http://uxlaunchpad.com/designexplosions/1-mapping-on-ios.html 左がGoogleの地図アプリ「Google Maps」で右がAppleの地図アプリ「Apple Maps」。一見、よく似たデザインですが、UXデザインの思想は大きく異なっています。 ◆地図表示とツールの配置 これはGoogle Mapsのレイアウト。右の図は、ユーザー
漫画ネーム晒しＴＬ、自分の場合こんなの。p.twipple.jp/F6oMw — 平野耕太さん (@hiranokohta) 5月 22, 2012 俺も晒しちゃお！アイシールド1話目のネーム。稲垣先生のネームを元に切り直してるからネームと言うより下絵に近いか。もう十年も前になるのか... twitpic.com/9o0uzn — 村田雄介さん (@NEBU_KURO) 5月 22, 2012 ネーム晒し twitpic.com/9oc24t — 阿部共実さん (@ab_t) 5月 23, 2012 ネームだけだとつまらないので、ネームするキッカケになった最初のネタのメモ twitpic.com/9oc3g6 — 阿部共実さん (@ab_t) 5月 23, 2012 漫画家さんのネーム晒しがとても興味深い。自分は原作書きなんで「牙の旅商人」第1話の原作原稿を晒してみる。タイトルがまだ「ガラ
ブログやウェブサイト・アプリでよく使用するものをはじめ、アプリ、チャート、天気、文具、ホビー、顔文字なども揃っているWindows Phoneをテーマに作成したアイコン素材を紹介します。
土曜日なので軽い話題。天気 アイコン型のWebフォントです。 スマートフォンのアプリ向け に作られたみたいです。見た目 が可愛いのでアプリ以外にも 何かに利用したいですね。 天気アイコンフォント、というニッチなニーズに応えたフリーフォントです。スマフォのアプリなんかに良さそうな感じ。Webフォントにも利用できますが、PSDやEPSも用意されています。 可愛らしい天気アイコンです。UNIQLO CALENDARにも似たようなテイストのアイコンが使われていましたね。 結構揃ってます。 フォトショやイラレで使えるデータもあります。 商用でも使っていいみたいですけど直に販売したりするのはやめてくれ、との事です。下部に規約あるので目を通してくださいませ。 Climacons Font
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
