Webサイトの動き続ける画像や動画、カルーセルのデザインをよりよくする | DevelopersIO

2022/06/02 11 users ユーザー 効果 DevelopersIO カルーセル 方法

新しく公開されるWebサイトに、動きのあるものが増えてきました。このような目を引くデザインは、視覚的な効果はありそうですが、困るユーザーもおられるようです。より良いデザインにする方法を考えます。 動きのあるWebサイトとは ここで取り上げる「動きのあるWebサイト」には、たとえば次のようなものがあります。 W... 続きを読む

おすすめのヘルプページ、FAQ教えて

2020/07/21 16 users ヘルプページ 知見 FAQ はてなー 参考

知見がほしい どんなサイトでもいいので、良いデザインというかよく出来てるな〜というヘルプページが見たい 参考にしたいからという理由なんだけど、はてなーが面白いと思ったヘルプページも募集します 続きを読む

「良いデザイン」は人間の購買意欲を高める事が実証されていた話｜清水カツヒロ｜note

2020/06/23 6 users ダイジェスト 接点 興味深い論文 黄金比 参考論文

ビジネスにおけるデザインの有効性を証明するのは難しいですが、いわゆる「審美性（人間が美しいと感じる事）」が消費者マインドにどのような影響を及ぼすのかを研究した興味深い論文がありましたので、そのダイジェストをご紹介します。 参考論文：審美性知覚と消費者行動の接点 商品パッケージ比率が黄金比に近づくほ... 続きを読む

「乃木坂46リズムフェスティバル」LIVE画面の背景で実写映像を使うと新しい臨場感が得られて新鮮だったという話 - アプリゲームUIデザイン

2019/10/30 6 users アプリゲームUIデザイン 臨場感 実写映像 背景 チョコ

こんにちは、ちょこです。 「乃木坂46リズムフェスティバル」のライブ中の背景がまさかのLIVE映像使用で驚きました。 臨場感が凄い！ LIVE体験をさせたい！ 歌だけでなくアイドル達の動く姿を見てもらいたい！ …といった感じでやりたいことが明確なので、受け取る側も楽に受け取ることが出来て、すごく良いデザインだな... 続きを読む

覚えておきたいUIデザインの基本！【８つの視覚誘導編】 | Web広告・マーケティング情報配信メディア「GRAB」

2019/07/19 25 users ご存知 見た目 見易さ ユーザー 言葉

良いデザインを作るには、見た目だけでなく使いやすさ・見易さを考慮しないといけないですよね。 その中で、最近よく耳にする「UIデザイン」という言葉をご存知でしょうか？ 今回は、ユーザーが自然と目を向けるような、視覚誘導を利用した「UIデザイン」についてご紹介したいと思います。 そもそも、UIデザインとは？ U... 続きを読む

南海トラフ地震を想定したアプリ「逃げトレ」が挑む　脱！マニュアル避難訓練！！ | 京都大学のリアルを紹介　ザッツ・京大

2019/05/25 15 users 京大 南海トラフ地震 どれ ザッツ リアル

こんにちは。 「ザッツ・京大」編集部です。 突然ですがみなさん、京都大学にグッドデザイン金賞をとった「アプリ」があることを知ってますか？ グッドデザイン賞と言えば、日本で唯一！ “社会を導く良いデザイン”に対して贈られる名誉ある称号！ 2018年に、4800件ほどあった応募件数の中でも上位20位にしか与えられない... 続きを読む

良いデザイナーになるために、最初に身につけておきたいデザインの基本の勉強方法 | コリス

2018/12/07 97 users DESIGN コリス 基礎 下記 各ポイント

良いデザインはある日突然生まれるものではなく、しっかりした基礎に基づいて作られるものです。デザインを実践する前に、最初に身につけておきたいデザインの基本の勉強方法を紹介します。 Before you can master design, you must first master the fundamentals 下記は各ポイントを意訳したものです。 ※当ブログでの... 続きを読む

デザイン指標から価値を伝えてみよう : could

2018/10/29 22 users 指標 could ジュニア 会話 社長

デザインビジネス デザイン指標から価値を伝えてみよう ユーザーに価値提供しているかを計測するための指標を設定して、感覚的な話ではなく課題解決のためのデザインの会話ができるようにしましょう。 価値の説明が下手なデザイナー IBM の社長だったトーマス・J・ワトソン・ジュニアが「良いデザインは良いビジネスであ... 続きを読む

良質なデザインを作るため揃えるべき日本語フリーフォント10種類 - ベーコンさんの世界ブログ

2018/09/22 765 users ベーコンさん デザイン ベーコン 世界ブログ 良いフォント

フォント大好きデザイナーのベーコンです！ 良質なデザインを作るには、良いフォントが欠かせません。 それでは、「良いデザイン」ってなんでしょう？ ちょっと頭に思い浮かべてみてください 例えば… ・かわいいデザイン？ ・お客さんが使いやすいデザイン？ ・意味が伝わりやすいデザイン？ こんな感じでしょうか？ じ... 続きを読む

良質なデザインを作るため揃えるべき日本語フリーフォント10種類 - ベーコンさんの世界ブログ

2018/09/22 755 users ベーコンさん デザイン ベーコン 世界ブログ 良いフォント

フォント大好きデザイナーのベーコンです！ 良質なデザインを作るには、良いフォントが欠かせません。 それでは、「良いデザイン」ってなんでしょう？ ちょっと頭に思い浮かべてみてください 例えば… ・かわいいデザイン？ ・お客さんが使いやすいデザイン？ ・意味が伝わりやすいデザイン？ こんな感じでしょうか？ じ... 続きを読む

完全保存版！過去12年間で「はてブ」でバズった厳選日本語フリーフォント記事TOP62 | うるチカラ

2018/08/19 16 users 日本語フリーフォント 信頼 チカラ 欠かせないツール はてブ

良いデザインを目指すには、日本語フリーフォントは欠かせないツールです。 しかし、日本語フリーフォントを調べても、結局どれが良いのかわからないという悩みは、誰もが抱えているのではないでしょうか。 そこで今回、信頼のおける記事を拡散している「はてブ」さんより、過去12年間で100ブックマーク以上を獲得した、... 続きを読む

「悪い方が良い」原則と僕の体験談｜Rui Ueyama｜note

2018/04/06 999 users Rui Ueyama Note 原則 リンカ lld

ソフトウェアの世界には 「悪い方が良い」原則 という有名なエッセイがある。キレイにレイヤ分けされた一貫性のある良いデザインよりも、一見手抜きの悪いデザインのほうが実は良いときもあるという話だ。この逆説的なデザイン原則を僕は身をもって体験したことがある。それについてちょっと書いてみようと思う。 僕はlldというリンカのオリジナルの作者だ。リンカというのはコンパイラと組み合わせて使うもので、実行ファイ... 続きを読む

2018年に「良いデザイン」の10の原則を定義しなおすとどうなるか - YAMDAS現更新履歴

2018/01/10 55 users YAMDAS現更新履歴 原則 ディーター・ラムス 影響 アップ

10 New Principles Of Good Design 良いデザインというと、ジョナサン・アイブにも影響を与えたといわれる ディーター・ラムス が定義した 10の原則 がよく知られている。 Co.Design の編集者の Suzanne LaBarre が、これを2018年の現在に合わせてアップデートする試みを行っている。彼が考える、良いデザインの10の原則はどんなものか。 良いデザイン... 続きを読む

良いデザインの原則と『立ち止まる』こと : could

2018/01/08 61 users ディーター・ラムス could アップル ブラウン 進め方

デザイン 仕事 良いデザインの原則と『立ち止まる』こと 走り続けなら改善すれば良い。ダメなら壊してやり直せば良いというスピード感のある進め方は今風のやり方と言えばそれまでですが、今必要なのは立ち止まって『問う』ことだと思います。 「 ブラウンとアップル 」という記事で、デザイナー Dieter Rams（ディーター・ラムス）が提案した 良いデザインの10の原則 を紹介しました。1970年代に提案さ... 続きを読む

【sketch】TwitterのUIトレースをして気がついた事｜マサキ｜note

2017/12/07 426 users Sketch Twitter まさき UIトレース Note

初めまして。UIデザイン勉強中のマサキ(@Masaki_4_5)です。 UIデザイン、とりわけiOS appのデザインスキルを得る一番の近道を探した結果、良いデザインから吸収するのがまず大事という事を聞きました。 このように、sketchで優れたアプリのUIトレースをし、その工程でページの遷移やそのUIになった訳を考察して行くことがスキル獲得にはもってこいらしいです。sketchさえあればお手軽で... 続きを読む

デザイナーの為のグラフィカルな最新フリーフォントまとめ「22 Fresh Free Fonts Download」 | DesignDevelop

2017/11/28 21 users フリーフォント Font DesignDevelop 貴方

TOP   >   Font   >  デザイナーの為のグラフィカルな最新フリーフォントまとめ「22 Fresh Free Fonts Download」 優れたフォントはデザインをする上で欠かせない要素のひとつ。より良いデザインを目指していくためにも、常に最新のフォントはチェックしておきたいもの。今回ご紹介するのは、そんな貴方におすすめしたいデザイナーの為の最新のフリーフォントをまとめた「22 ... 続きを読む

「デザイン あ」から学ぶ「自分の頭で考える」という話 - あいまいみーのきたろぐ

2017/09/12 25 users みー 教訓 あいまいみー 哲学 パパ

2017 - 09 - 12 「デザイン あ」から学ぶ「自分の頭で考える」という話 デザイン あいまいみーの哲学 教訓 雑記 Twitter Google+ Pocket 突然ですが、みなさんは「デザイン」好きですか ？ ちなみにあいまいみーはバランスの良いデザインが大好きです ‪( ˘ω˘ )‬ 好きな人や嫌いな人がいるのは当たり前だけれど、みなさんがもし 「パパ」や「ママ」 ならちょっと読んで... 続きを読む

見た目が悪くても人気なサービスから学ぶユーザビリティ設計 | UX MILK

2017/06/26 69 users UX MILK 見た目 reddit お世辞 サービス

まるで90年代かのような、見た目は良くないけれども人気のあるWebサイトは、今現在でも多く存在しています。 上記のWebサイトは、お世辞にも良いデザインとはいえないですが、それにもかかわらず人気があります。なぜ人気があるのか、それはユーザーがもっとも必要としているものを確実に提供しているWebサイトであるからです。 たとえば、各Webサイトにはこのような特徴があります。 ・Redditは、ユニーク... 続きを読む

優れたデザインを構成する10原則 | freshtrax | デザイン会社 btrax ブログ

2017/05/16 31 users ディーター・ラムス freshtrax iPod プロダクト

デザインがブロダクトやビジネスの成功においても重要な要素であると唱えられるようになって久しい。しかし、そもそも「良いデザイン」とは一体どんなものなのか。見た目が綺麗だったり、斬新だったりすることだろうか？それとも、誰でも使いやすいことだろうか？この問いに対してドイツ出身の世界的デザイナー、ディーター・ラムスが明確な答えを出している。 彼のデザインはApple社のiPodのデザインにヒントを与えたと... 続きを読む

あなたのセンスを劇的にアップさせるデザインテンプレート32選

2016/12/07 46 users センス インスピレーション あなた ヒント デザインセンス

良いデザインにふれることにより、あなたのインスピレーションを刺激し、より良いデザインを生み出すヒントを見けることができるのです。そこで今回は、WordPressテンプレートとして提供されているデザインを32個選んでご紹介します。あなたの明日のデザインにぜひ役立ててください。Webサイトのデザインセンスをアップさせるには、良いデザインにふれる機会が大切です。 さまざまなデザインを見ることにより、あな... 続きを読む

良いデザインを作るための５つの方法 | NASU-note

2016/09/13 42 users 方法 5つ

こんにちは。 アートディレクター／グラフィックデザイナーとして活動している前田高志です。 20代の頃、「 どうやったら良いデザインができるのか？ 」こればっかりを考えていました。 純粋で、真面目したね。 「大量のインプット」 → 「実戦での試行錯誤」 を繰り返し、僕なりの方法論ができました。 方法論というと少し大げさですが、今回は、 僕がデザインする時に気をつけていること をまとめていきます。 デ... 続きを読む

【Sketch】TwitterのUIをトレースしながら研究しよう（初心者向け） - NOGA BLOG

2016/07/04 348 users 秘訣 デザイナー 名刺 かっこいいロゴ UIデザイナー

デザインスキルを上げるには、良いデザインを真似ること。私が尊敬するデザイナーの先輩達は皆口を揃えてそう言います。  １日ひとつdribbbleなどからかっこいいロゴや名刺などを選んでトレースすると良い。 そのときに、なんで自分がかっこいいと思ったのかを考えること。 デザイナーになる秘訣！Time Ticketで、石嶋未来さんに会ってきた - NOGA BLOG UIデザイナーで、本当にスキルを身に... 続きを読む

モバイルアプリのUI設計に大切な、7つの基本アニメーションまとめ - PhotoshopVIP

2016/03/21 639 users PhotoshopVIP モバイルアプリ UI設計 基本原則

「良いデザインは明きらかで、偉大なデザインは目に見えない。（英: Good design is obvious and great design is invisible.）」ということばを聞いたことがあるかもしれませんが、モバイルアプリの開発にアニメーションを利用するときも、同じ基本原則が適用できます。 うまく適用されたアニメーションは、ユーザーフレンドリーで魅力的にアプリを仕上げるだけでなく、... 続きを読む

ノンデザイナーでも押さえておきたい！デザインの原理原則がわかる8つの記事 | creive【クリーブ】

2015/04/30 1270 users ノンデザイナー クリープ creive モックアップ 小手先

デザインをする際に、IllustratorやPhotoshop、Sketchが使えるといった、小手先の技術はもちろん大切ですが、そもそも「良いデザインとは何か」という概念的なことを知っておくのは大切です。 そこで、今回は、ノンデザイナーでも押さえておくべき、デザインの原理原則がわかる8つの記事を簡単な説明とともにご紹介します。 企画書の作成、簡単なモックアップをつくる際にも役立つものばかりです。 ... 続きを読む

なぜ良いデザインは悪いデザインから生まれるのか

2015/03/23 894 users 悪いデザイン

Scott Berkun Microsoft Corporation 2000 年 3 月 / 4 月 要約：良い UI のデザインに関する以前のコラムを補足します。（3 ページ） 私が以前に書いたコラム「使いやすい製品を作る：すぐれたユーザー インターフェイスを作るための略式工程」 の第 2 部を書くようにというご要望を何人かの方からいただきました。最近になってその記事を読み返してみたのですが、... 続きを読む