【爆速UI設計術】モダンなwebデザイン素材集 - Qiita
特徴 女性らしいイメージがやや多い 下記のような柔らかい印象のイラストが多いです。 【ガジェットストック】 ガジェット関連のものを使用したい場合は、下記を使用すると良いと思われます。 【アイコン系】 【human pictogram 2.0】 オリンピックで流行ったやつです。 本サイトでは、アタッチメントをつけたりすることでかなりカスタマイズ性が高いのが特徴です。 【EXPERIENCE JAPAN PICTOGRAMS】 特徴 海外から見た日本が表現されている これはシンプルにUIが凝ってたので紹介します。 和テイストを演出したい場合は、良さそうですね！ 【ICOOON MONO】 こちら色・サイズも変更可能です！ 【Icon-rainbow】 ICOOON MONOと異なり、こちらは、中が肉抜きされているのが特徴。 【IFN FREE ICONS】 このデザインはどのようなパターンにマ
欧文で「〜」は使いません。ハイフンとダーシの話｜しじみ ｜デザインを語るひと
欧文のルール日本人は知らない欧文（主に英語）のルールというものがあります。これは英語の授業でも教えてくれません。それゆえか翻訳者からの原稿にも、このルールに則っていないものがすごく多くあります。 知っておくと何かとアドバンテージになるので少しずつご紹介していきます。ご紹介した欧文のルールはこちらのマガジンにストックしていきます。 欧文で「〜」は使わない考えてみると「そりゃそうか」ってなるのがこの「〜」。日本だと 午前10時〜午後7時 というように使用します。便利でわかりやすい符号です。 「〜」は波形という日本の約物これは「波形」というつなぎ符号です。約物（やくもの）という記号の一種。波形の意味は、「…まで」。だから 東京〜大阪まで という表記は間違いです。「東京〜大阪」で「東京から大阪まで」という意味になるからです。波形は、この他に語句の省略や長音を強調するために使う音引き「ー」の代わりに
管理画面のUIデザインにおける20の改善ポイント | ベイジのUIラボ～業務システムとSaaSのUIを考える
私たちの日常業務で使われる管理画面は、大量の情報と複雑な機能で構成され、利用難易度が高い傾向にあります。検索性の乏しい管理画面の一覧から1つの情報を見つけるために、どれだけの時間を費やしているでしょうか。 1億円の工数をかけて開発した機能も、低品質なデザインでは、機能の存在に気付かれなかったり、間違って使われたりと、期待した業務コストの削減に繋がりません。これでは、1億円を捨てたようなものです。 使い勝手の良くないデザインは、ユーザーだけではなく、開発者にも悪い影響を及ぼします。複雑な構造と分かりにくい操作体系の管理画面は、開発やテストの手間を増やし、その後の機能拡張も難しく、改修コストも増大します。 これらのリスクを抑えるためには、UIデザインの基本原則を理解し、適切に管理画面を設計することが重要です。 私たちは管理画面のUIデザインの改善やリニューアルを手掛けることも多いのですが、その
なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】 - Qiita
なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】UXUIDesignUIデザイン画面設計 1.はじめに エンジニアの私がデザインを本気で勉強した結果、デザイナーとエンジニアはそもそも思考が大きく違っているということがわかりました。 今回は「それ」をデザインに苦手意識のあるエンジニア方にも理解してもらえたらと思い、わかりやすくまとめてみました。 2.アプリの画面デザインを考えてみよう まず、こんなアプリを考えてみてください。 フィットネストレーナーが使うアプリ トレーニングルームでお客様とお話しながら使う 端末はタブレット そして 会員の個人情報確認 前回までのトレーニング状況の確認 次回の予約受付 といったことをします。 使える情報としては、こんな感じです。 あなたならどう画面デザインをするか、もしお時間があったら考えてみてください。
【マネしたい】カッコいいパワポの「表」スライド9選｜パワポ研
みなさんこんにちは。 資料デザインのリサーチや分析に取り組むパワーポイントのスペシャリスト、パワポ研です。 今回は、パワポの表スライドに焦点を当て、上場企業のIR資料から参考になりそうな抜粋して紹介していきます。（パワポ研の方で難易度を三段階に設定しておりますので、各自のパワポレベルに応じてご参照ください） 表スライドは、IR資料においては、業績の進捗を前年比や計画比で示すために使われることが多いです。記載している内容は、各社とも売上高、営業利益、当期純利益、前年比などがほとんどですが、グレーアウトの方法や、表のサイズ、メッセージスペースの大きさは会社によって異なります。どのような表スライドが見やすいのか、比較してみてポイントを押さえてみて頂ければと思います。 対象企業のパワポそのものが気になった場合は、Deck全体が参照できるよう、引用元のURLも記載しております。是非ご活用ください。そ
【商用利用可】手書き風の英語フリーフォント50選
こんにちは。 今回は【商用利用可】手書き風の英語フリーフォント50選です。 親しみや手作り感などを出したい時に手書き風の書体を使うことがありますよね。 そこで、今回は商用でも使える手書き風の欧文フリーフォントをまとめました。 Lemon Tuesday http://www.dafont.com/lemon-tuesday.font California Sans http://freebiesbug.com/free-fonts/california-sans-free-font/ Olesia http://www.webdesignerdepot.com/2016/03/free-download-olesia-font/ Summertime Lovin http://www.fonts2u.com/summertimelovin.font Sunday Font http://w
円グラフのデザイン集 | おしゃれで伝わるグラフの作り方｜かわちゃん
円グラフについて「書くときの注意点」「円グラフの種類」「どういったデータが円グラフに向いているか」「実際の円グラフのデザイン」などを画像を使ってわかりやすくまとめました✨ note公式Twitterでも紹介された人気記事なので、よかったら見てね😊 さくっと書きたい人は「円グラフの種類」から読むことをおすすめします。いろいろな円グラフのデザインがあるので、気に入ったグラフを真似して使ってね。 しっかり考えて書きたい人は、「円グラフを書くときの注意点」を読めば、見やすい円グラフの作り方がわかるとおもいます。 円グラフを書くときの注意点・本当に円グラフでいいの？ 円グラフはわかりにくくなりやすいグラフです。 要素が3つ以上ある場合は、棒グラフを使ってみるのもおすすめです🙆 「円グラフは使うな」という方もいますが、私は使い方さえ間違えなければ円グラフも素晴らしい表現方法だと思うので、簡単にわか
全部、完全に商用利用無料！さまざまなUIデザインに適した1,064種類のSVGアイコン素材 -Emblemicons
企業サイトやプロダクトをはじめ、オンラインショップ、アプリ、プレゼン、学術プロジェクトなど、さまざまなUIデザインに適したSVGアイコンが無料で利用できるEmblemiconsを紹介します。 先日ローンチしたばかりで、アイコンの種類はなんと1,064種類！ SVGだけでなく、各サイズのPNGも揃っており、すべてオープンソースです。 Emblemicons Emblemicons -GitHub Emblemiconsの特徴 Emblemiconsのダウンロード Emblemiconsの使い方 Emblemiconsの特徴 Emblemiconsは、デザイン・デベロッパー・プレゼン・学術プロジェクトなどで一般的かつ、頻繁に使用されるアイコンのオープンソースライブラリです。 MITライセンスで、個人および商用のプロジェクトで、アイコンは完全に自由に使用およびダウンロードできます。
かっこいい英語フォントが無料！最新フリーフォント59個まとめ 2020年4月度
この記事では、毎月増え続けるフォントの中でも特にかっこいい最新の英語フリーフォントのみを厳選してまとめています。 今月は新型コロナの影響で世界的に自粛が続くなか、少し気持ちが明るく、そして楽しくなるデザインフォントを多くセレクトしています。 紹介しているフリーフォントはどれも無料ダウンロード可能となっていますが、利用の際には一度ライセンスに目を通すようにしましょう。 かっこいい英語フォントが無料！最新フリーフォントまとめ Osaka Chips – Fun Font 楽しげな雰囲気をデザインする大文字アルファベットフォント。 ※ 個人利用可能 Free Demo Quechely Display Font レトロデザインに最適なフリーフォント素材。 ※ 個人利用可能 Naughty Monster Display Font 太字でかわいい手書きフォントは、個性をはっきり主張する楽しいデザイ
シルエット イラストの無料ダウンロードサイト「シルエットAC」
待たずにダウンロード まとめてダウンロード ダウンロード履歴 ダウンロード数制限解除 写真AC、イラストACもプレミアム ブックマーク機能制限解除 プレミアム会員について詳しく見る
全力で社会人にプリキュアを勧めるプレゼン資料を作った【作成の基本ノウハウ付き】｜【パソナキャリア】パソナの転職エージェント
プレゼン資料の目的はただ1つ。「見てくれる人に、楽しんでもらう」ことだと思います。「よく作られたプレゼン資料」は、（内容はどうあれ）それだけで「面白いコンテンツ」になります。 「プレゼンの作り方」のような書籍では、プレゼンは「相手に行動を起こさせることが目的」という趣旨の内容が書いてありますが、個人的に優先すべきことは見てくれる人に「楽しんでもらう」ことだと思っています。それがのちのちの行動へとつながっていくのです。きっと。 最近では「Keynote」や「Googleスライド」など優れたプレゼンテーション制作ツールも多々ありますが、今回は基本中の基本、マイクロソフト社「PowerPoint（パワーポイント）」を使っています。 パワーポイントはユーザー数も圧倒的に多く、便利な使い方のテクニックや実際の使用例がウェブで見つけやすい。そして参考になる書籍も豊富にあります。パワーポイントは初心者に
260種類以上のアイコンが無料で商用利用OK、CSSツールキットも付属したアイコンフォント「Fontisto」
TwitterやInstagramのロゴやピクトグラムなど、ウェブサイトでは多種多様なアイコンが使われますが、そういったアイコンをウェブフォントにした「Fontisto」が無料で公開されています。商用利用もOKで、さらにCSSツールキットも付属。コードライセンスは「MIT License」、文書ライセンスが「Creative Commons BY3.0」、フォントライセンスは「SIL Open Font License 1.1」となっています。 Fontisto - the iconic font and css toolkit http://www.fontisto.com/ GitHub - kenangundogan/fontisto: The iconic font and CSS toolkit. Fontisto gives you scalable vector icons
魅せるフロー図の８カ条 | エクセル術
前回は［エクセルでフロー図を作る］方法の基本を紹介しましたが、今回は魅せるためのフロー図８カ条。 業務フローは自分だけが解れば良いものではなく、これを目にする人全てに理解してもらえるものが必要です。特にプレゼン用であればエンドユーザーに理解してもらうのが困難な時があります。 ここでは原料購入の業務フローに在庫管理システム導入案件フロー図で説明します。 １．ひとつのフロー図にアイテム数は１５まで 人に見せる為のフローチャートは簡素化させる必要があります。なぜなら外部の人にはあなたの業務の内容は知らないからです。実際の業務を厳密に書くとすればフロー図も複雑になってしまいます。しかし分かりやすさを重視するなら、一つの業務フローに登場するアイテム数はせいぜい15～20程度にとどめるべきです。 それでもなお厳密に書きたいところがあれば別にサブフローとして書き出し作成するのがベストでしょう。親、子の階
METALLIC RATIO ／ 貴金属比 [黄金比・白銀比などを計算]
Webデザインのコーディングを効率的に進めるためのクライアントサイド用Javascriptライブラリ『klib』を公開。260種類を超える関数を収録。 『METALLIC RATIO』とは貴金属比という意味です。2つの数値の比において、美しいとされる比率というものが存在しており、特に有名なものが黄金比＝1:1.618というもので、数多くの美術品や建造物、デザイン等の構成の中にこの比率を見ることができます。 黄金比の他にも白銀比、白金比、青銅比と呼ばれるものもあり、それらを総称して『貴金属比』と呼ばれています。 上のツールは、基準となる数値をひとつ指定するだけで、黄金比や白銀比に代表される各貴金属比を簡単に算出できるWebアプリです。数値だけではなく視覚的にも比率を確認できるので、求めている比率を直感的に得ることができます。 デザイン作業などで美しい比率が必要な時にご利用ください。 【 数値
【2016年版】無料ダウンロードできる、筆記体フリーフォント35個まとめ
2015年はじめから今年にかけて公開された、新しい筆記体デザインをまとめています。もちろん、どれも無料ダウンロードできます。 昨年から特に人気が集中している、筆ブラシで手描きしたようなスタイルから、高級感のあるエレガントなアイテム、入力するだけでオシャレに魅せるアイテムなど、デザイン制作に便利な素材が揃います。見逃したフリーフォントがないか、確認してみてはいかがでしょう。 詳細は以下から。 無料ダウンロードできる、筆記体フリーフォントまとめ 2016年版 Arabella 可愛らしい手書きの質感を残した、スタイリッシュなアイテム。 ※ 個人、商用利用可能 Stackyard テキストを入力するだけで、手書きの筆記体を利用したスタイリッシュな雰囲気を演出できます。 ※ 個人利用可能 Darleston Font エレガントな雰囲気を演出できる、高級感のある筆記体フォント。 ※ 個人利用可能
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Lightning Design System
デザインのしたじき
商用利用無料、UIデザイン用のSVGアイコンが1100種類！Adobe XDやFigmaのツールも完備されてて、これは便利
エンジニアのためのスライドデザイン実践講座 / How to design presentations for engineers
Darleston Font | dafont.com