デザナビ👀デザインを図解で解説 @wkwdesigner フォローするとデザインのヒントやキッカケが見つかる💡 初心者向けデザインテクニック・Tips／デザインのポイントを図解付きで解説💡 ツイートだけではわかりづらい部分はブログで詳しく解説✏️ https://t.co/X9FzimhN9e
撮影時に知っておけばバランスが良くなる構図の12つのパターンが思わず使いたくなる。「それっぽく見えるレイアウト」や「視線を誘導させるレイアウト」も
デザナビ👀デザインを図解で解説 @wkwdesigner フォローするとデザインのヒントやキッカケが見つかる💡 初心者向けデザインテクニック・Tips／デザインのポイントを図解付きで解説💡 ツイートだけではわかりづらい部分はブログで詳しく解説✏️ https://t.co/X9FzimhN9e
デザイナーさんが選ぶ好きなフォントランキングがこれ「わかるオブわかる」皆さんの好きなフォントもいろいろ挙がって楽しい
デザナビ👀デザインを図解で解説 @wkwdesigner フォローするとデザインのヒントやキッカケが見つかる💡 初心者向けデザインテクニック・Tips／デザインのポイントを図解付きで解説💡 ツイートだけではわかりづらい部分はブログで詳しく解説✏️ https://t.co/X9FzimhN9e
PowerPoint歴23年、デザイナー歴20年、経営者として10年以上に渡って自社のマーケティングやセールスに深く関わり、提案書を作ったコンペでの勝率91%を誇る私の知見を余すことなく注ぎ込んだ、『最強の提案書を作る方法～伝わるストーリー・コピー・デザインの法則』というスライドを公開しました。 便宜上「提案書」としていますが、企画書、営業資料、ホワイトペーパー、社内文書など、人を動かすために作られるすべてのビジネス文書に応用できるはずです。 提案書のストーリー、コピー、デザインに関する、実践的かつ具体的なノウハウを詰め込んでいます。デザインについては、プロのデザイナーではなく一般のビジネスパーソンを対象とし、仕事の中で本当に必要な知識だけをまとめています。 約170ページある本スライドは、私が企業向けにこれまで20回以上行ってきた有料講座の配布資料を元に、公開用に仕上げたものです。スライ
当サイトでは、Photoshopの新しい機能テクニックをつかった最新チュートリアル、作り方を定期的にまとめて紹介しています。 この記事では、2020年のあいだに公開された、特に確認しておきたいPhotoshopのデザインチュートリアル、つくり方をまとめてご紹介します。 これまで以上に便利になった新しくアップデートされたPhotoshop 2021の新機能はもちろん、ボタンひとつで完成のお手軽写真やアクション、合成テクニックなど、デザイナーが覚えておくと便利な人気のデザインスタイルのつくり方がずらり揃います。 これからPhotoshopを始めてみよう、というひとにもぴったりなテクニックを揃えています。年末の連休をつかって、新しいテクニックを習得してみてはいかがでしょう。 2020年公開のIllustratorチュートリアル、つくり方も以下の記事でまとめています。 【総まとめ】2020年公開の
WebページやスマホアプリのUIをデザインした時に、数値上は均整がとれているのに、人の目の錯覚で違和感を感じることがあります。ちゃんと揃えて配置したのに、同じサイズなのに、同じ色なのに、なんだか違和感があることはありませんか？ この目の錯覚による違和感を取り除くUIデザインのテクニックを紹介します。 Visually distorted - when symmetrical UI looks all wrong by Gil Bouhnick 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. ボタンと同じ色だとテキストは明るく見える 02. 同じフォントでも小さいサイズだと細く見える 03. 背景画像の上のテキストは読みにくい 04. 行間が間違っているテキスト 形の扱い方 05. 整列されたのに揃っているように見えない
個人開発・ポートフォリオ作成をする方に贈る いくらプロダクトが素晴らしいとしても、一見してダサいデザインだと、ユーザーは使う気がなくなってしまう。 でも、今からデザインの勉強をするのは面倒だし、そこまでこだわりがあるわけでもない。 Q. 簡単に及第点のデザインにできるサービスとかないんですか？ A. あります。 ということで、デザインのことはよくわからなくても、簡単にそれっぽくできるサービスをまとめました。 個人的には、「それっぽさ」の大部分はページレイアウトと画像、「こなれ感」は配色とフォントによって構成されていると思っています。 また、私はケチなのでここで紹介しているものは、すべて無料で使えるサービスです（課金プランはある）。 書かないこと 細かい使い方 大体有名なので、使い方はggれば出てきます。 ライセンスなどの情報 特に素材系は規約などを確認の上で使ってください。 あくまでも、こ
「視覴」の謎
ChatGPTが「視覴」という新語を発明したらしいことをフガクラさんのツイート（2023-06-08 08:51:02 JST）で知る。 すでに「視覴」は、いくつかの最近書かれたWebページで使われていた。ChatGPTで生成されたページらしい。ざっと検索して見つけたページを列挙しておく。いずれも最近作られたか修正されたページである（1件だけ2020年のページがあるが、最近修正されたものかどうか不明）。 映像・音声編集におけるノーマライズの重要性！（2023-05-11）「視覴的・聴覚的な一貫性」「視覴的な効果を最大化」「視覴的な混乱を避け」（2回）なお、このページは現在消えて視覴とは？AI（ChatGPT）が出力した新しい言葉なのか？（2023-06-08）にリダイレクトされ、「弊社では、2023年3月より用語集作成に際しAIライティングの試験運用を行っておりますが、この度、「視覚」の誤
2022年のロゴデザインのトレンドはワードマークとタイポグラフィがより重要な役割を果たしています。特にジェンダーや環境配慮などはどのジャンルのデザインでも積極的に取り入れられています。 デザインの引き出しを増やすには、注目されているトレンドを押さえておくことが大切です。ロゴにはタイポグラフィ、カラー、形など、デザインの基本となる要素が詰まっており、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。 2022 Logo Trend Report 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 2022年、ロゴデザインのトレンドの傾向 三角形を2つ使用したロゴ「BowTies: 蝶ネクタイ」 一滴の重要性がわかるロゴ「Uvula: 口蓋垂」 ライフラインを表現するロゴ「Rooters: 木の根」 圧力を反転さ
デザインの引き出しを増やすためには、トレンドを押さえておくことは大切です。 デザインの基本となるタイポグラフィ、カラー、形などの要素が詰まった、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。 2023 Logo Trend Report by BILL GARDNER 下記は各ポイントを意訳したものです。 ※元サイト様にライセンスを得て翻訳しています。 2023年、ロゴデザインのトレンドの傾向 花々を新しい解釈でデザイン「Wildflowers: ワイルドフラワー」 存在感のある流体の形状「Bloblend: ブロブレンド」 焦点の合った要素と合っていない要素をブレンド「Fades: フェード」 三次元の形を表現する「Foreshort: フォアショート」 上昇を表現する新しいデザイン「Thrust: スラスト」 自然界の神聖な数式から生まれた形「Spirals
Webサイトでもスマホアプリでも、アイコンのデザインは非常に重要です。優れたアイコンをデザインするために必要な7つの原則を紹介します。 アイコンだけでなく、UI全体のデザインにも通じるプロのデザインテクニックが詳しく解説されています。 7 Principles of Icon Design by Helena Zhang 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Clarity -アイコンは分かりやすく Readability -アイコンは見やすく Alignment -アイコンにおける揃え Brevity -アイコンは簡潔にデザインする Consistency -アイコンの一貫性 Personality -アイコンの個性 Ease of Use -アイコンの使いやすさ アイコンのリソース Clarity -アイコンは分か
この記事では、日頃のホームページ制作で直面しがちな問題をCSSで乗り切る最新テクニック20個をまとめてご紹介します。 早く知っておけばよかったと思う、あまり知られていないCSSの実用的なテクニックが中心で、実際の問題ケースや参考サンプル用ソースコードを一緒に確認できます。 前回のお役立ちCSSテクニック集と合わせて確認してみてはいかがでしょう。 よくあるWeb制作の悩みをCSSで解決！最新テクニック40選まとめ コンテンツ目次 1. 画像の質感をアップしたい 2. グラスモーフィズム効果を表現したい 3. 入力フォームの使いやすさを改善したい 4. CSS Transformをつかった最新テクニック 5. 2022年に知っておきたい新しいCSSプロパティ 6. position: stickyの正しい使い方 7. レスポンシブ対応の区切り線のつくり方 8. するするとカーテンが降りてくるエ
達人出版会
探検! Python Flask Robert Picard, 濱野 司(訳) BareMetalで遊ぶ Raspberry Pi 西永俊文 なるほどUnixプロセス ― Rubyで学ぶUnixの基礎 Jesse Storimer, 島田浩二(翻訳), 角谷信太郎(翻訳) 知る、読む、使う！ オープンソースライセンス 可知豊 きつねさんでもわかるLLVM 柏木餅子, 風薬 R／RStudioでやさしく学ぶプログラミングとデータ分析 掌田津耶乃 データサイエンティストのための特徴量エンジニアリング Soledad Galli(著), 松田晃一(訳) 実践力をアップする Pythonによるアルゴリズムの教科書 クジラ飛行机 スッキリわかるサーブレット＆JSP入門 第4版 国本 大悟(著), 株式会社フレアリンク(監修) 徹底攻略 基本情報技術者教科書 令和6年度 株式会社わくわくスタディワール
当サイトでは、Photoshopのテクニックを学ぶのに最適なチュートリアル、作り方をまとめて紹介しています。この記事では、2019年のあいだに公開された、特に確認しておきたいPhotoshopのデザインチュートリアルをまとめてご紹介します。 満を持した登場となったiPad版Photoshopはもちろん、アップデートされたPhotoshop CC 2020の新機能にはじまり、お手軽な写真加工からこれぞPhotoshopな合成テクニック、設定ひとつで完成のお手軽テキストエフェクトなど人気のデザインスタイルのつくり方を揃えています。 これからPhotoshopを始めてみよう、というひとにもぴったりなテクニックを揃えています。年末の連休をつかって、新しいテクニックを習得してみてはいかがでしょう。 【総まとめ】2019年公開のすごいPhotoshopチュートリアル、作り方厳選まとめ 風景写真をイラス
2021年のロゴデザインのトレンドは「自然とつながる必要性」が深く求められています。エコと環境は2021年の大きなテーマであり、どのジャンルのデザインでも持続可能性に向けて進んでいます。 デザインの引き出しを増やすには、人気があるトレンドを押さえておくことが大切です。ロゴにはタイポグラフィ、カラー、形など、デザインの基本となる要素が詰まっており、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。 2021 Logo Trend Report 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 2021年、ロゴデザインのトレンドの傾向 拡張性が高いロゴ「Asterisk: アスタリスク」 回転させたリボン「Off Jog: オフジョグ」 増殖を表現したデザイン「Spliced CBC: スプライスされたCBC」
達人出版会
探検! Python Flask Robert Picard, 濱野 司(訳) BareMetalで遊ぶ Raspberry Pi 西永俊文 なるほどUnixプロセス ― Rubyで学ぶUnixの基礎 Jesse Storimer, 島田浩二(翻訳), 角谷信太郎(翻訳) 知る、読む、使う！ オープンソースライセンス 可知豊 きつねさんでもわかるLLVM 柏木餅子, 風薬 デザインディレクション・ブック 橋本 陽夫 現場のプロがやさしく書いたWebサイトの分析・改善の教科書【改訂3版 GA4対応】 小川 卓 解釈可能なAI Ajay Thampi(著), 松田晃一(翻訳) PowerPoint 目指せ達人 基本&活用術 Office 2021 & Microsoft 365対応 PowerPoint基本＆活用術編集部 ランサムウェア対策 実践ガイド 田中啓介, 山重徹 TODによるサステナ
この記事では、Webデザインの進化を体感できる、コピー＆ペーストで実装OKな最新HTML／CSSスニペットをまとめてご紹介します。 一般的に「切れ端、断片」といった意味をもつスニペット（英: Snippet）は、ウェブサイトなどのプログラミングで簡単に切り貼り、再利用できる部品、コンポーネントを指します。 2020年に話題となった人気スニペット・ベスト100と合わせて、今後のWebプロジェクトに活用してみてはいかがでしょう。 Webの進化が止まらない、コピペ可な最新HTMLスニペットまとめ 「Run Pen」をクリックすることで読み込みが開始されます。右下に表示された「Return」で再読み込みし、左上のHTML/CSS/JSタブを切り替えることで、それぞれのスタイリングを確認できます。実際にカスタマイズしたいときは、右上の「Edit on Codepen」をクリックしましょう。 Play
既存のUIデザインをどのような手順で改善すればよいのか、UIのクオリティを高め、ビジュアルをよくするためのデザイン知識とテクニックを紹介します。 Cleaning up form UI by Nikita Прокопов 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに グリッドを定義する スペースの正規化 ピクセル単位のずれ ボタン カラーコントラスト タイポグラフィ 完成！修正したUI はじめに 下記は、IntelliJ Idea 2020.1 EAPを起動して最初に表示されるダイアログです。 このデザインをあなたはどう思いますか？ IntelliJ Ideaのダイアログ ぱっと見、清潔感がある普通のUIに見えますが、細かいところをよく見るとおかしいのが分かります。このフォームのUIのほとんどに改善する余地がありま
達人出版会
探検! Python Flask Robert Picard, 濱野 司(訳) BareMetalで遊ぶ Raspberry Pi 西永俊文 なるほどUnixプロセス ― Rubyで学ぶUnixの基礎 Jesse Storimer, 島田浩二(翻訳), 角谷信太郎(翻訳) 知る、読む、使う！ オープンソースライセンス 可知豊 きつねさんでもわかるLLVM 柏木餅子, 風薬 R／RStudioでやさしく学ぶプログラミングとデータ分析 掌田津耶乃 データサイエンティストのための特徴量エンジニアリング Soledad Galli(著), 松田晃一(訳) 実践力をアップする Pythonによるアルゴリズムの教科書 クジラ飛行机 スッキリわかるサーブレット＆JSP入門 第4版 国本 大悟(著), 株式会社フレアリンク(監修) 徹底攻略 基本情報技術者教科書 令和6年度 株式会社わくわくスタディワール
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 第5弾は、ユーザーエクスペリンスやインタラクションに関するテクニックです。 UI & UX Micro-Tips: Volume Five. by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. フォントサイズやグリッドは時にはルールを曲げてもよい 2. エラーメッセージは親切で分かりやすいものにする 3. ロード中は何が起きているのか分かるようにする 4. アクションを実行した際に何が起きるのか分かるようにする 5. タブバーには重要なアイテムだけを表示する 6. ドロップダウンに重要なアクションを隠さない
達人出版会
探検! Python Flask Robert Picard, 濱野 司(訳) BareMetalで遊ぶ Raspberry Pi 西永俊文 なるほどUnixプロセス ― Rubyで学ぶUnixの基礎 Jesse Storimer, 島田浩二(翻訳), 角谷信太郎(翻訳) 知る、読む、使う！ オープンソースライセンス 可知豊 きつねさんでもわかるLLVM 柏木餅子, 風薬 R／RStudioでやさしく学ぶプログラミングとデータ分析 掌田津耶乃 データサイエンティストのための特徴量エンジニアリング Soledad Galli(著), 松田晃一(訳) 実践力をアップする Pythonによるアルゴリズムの教科書 クジラ飛行机 スッキリわかるサーブレット＆JSP入門 第4版 国本 大悟(著), 株式会社フレアリンク(監修) 徹底攻略 基本情報技術者教科書 令和6年度 株式会社わくわくスタディワール
情報をデザインするこつがよく分かる！デザインの手順がこんなにも詳しく解説された本は初めて -伝わる[図・グラフ・表]のデザインテクニック
プレゼンや企画書で、図・グラフ・表のデザインに悩んだことはありませんか？ データや数字、文章などを並べるだけでは、分かりやすく伝えることはできません。 情報をどのようにデザインすれば、意図した通りに伝わるか。文字の大きさや色や配置、図形の組み合わせ方、適切な情報量など、ビジュアルコミュニケーションにおけるデザインのテクニックが解説された入門書を紹介します。 本書はA5版の横長で、かわいい装丁が目印です。中身も表紙のイメージ通り。 デザインのテクニックが解説された本ですが、手順が詳しく解説されているので、ノンデザイナーの人にも非常に分かりやすい内容となっています。
![情報をデザインするこつがよく分かる！デザインの手順がこんなにも詳しく解説された本は初めて -伝わる[図・グラフ・表]のデザインテクニック](https://cdn-ak-scissors.b.st-hatena.com/image/square/989a806d2ccf27431e67d306fd1bab102cd42f70/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-202003%2F2020082101.png)
トレンドを押さえておくことは、デザインの引き出しを増やすために役立ちます。 最近のロゴのデザインに使用されているタイポグラフィ、カラー、形など、トレンド、デザインテクニックを紹介します。 ロゴのトレンドの最新版は、こちら。 2021年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ 2020 Logo Trend Report 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 トレンドの流れを見るのも面白いと思うので、過去分も。 2019年のロゴデザインのトレンド 2018年のロゴデザインのトレンド 2017年のロゴデザインのトレンド 2016年のロゴデザインのトレンド 2015年のロゴデザインのトレンド 2014年のロゴデザインのトレンド 2013年のロゴデザインのトレンド 2012年のロゴデザイン
この記事では、フォトショップの新しいテクニックや基本の使い方を学ぶ最新チュートリアル、作り方をまとめています。 最近のアップデートでさらに使いやすくなったフォトショップを、ばっちりマスターしたいひとにオススメのテクニックを中心にまとめています。 また、これからフォトショップをはじめようという人は、30日にフォトショップのすべてを学ぶ無料コースも開催中。重要ポイントをしっかり押さえながら、すばやく使い方を覚えることができます。 2016年総まとめ！デザイナーが確認しておきたいPhotoshopチュートリアル厳選55個 Photoshop CC 2020に追加された便利すぎる新機能10個まとめ フォトショップをしっかり学ぶ！最新チュートリアル、作り方まとめ 写真から金網フェンスを取り除く方法 フェンス部分の選択にはすこし要領が必要ですが、手順としては3ステップのみで完成するクイックチュートリア
この記事では、プロ顔負けのデザインテクニックを学ぶフォトショップの最新チュートリアルをまとめてご紹介しています。 前回よりおよそ3ヶ月振りとなる今回のまとめは、さまざまな新テクニックが登場しています。チュートリアルを順番どおり進めていくことで、より実践的にツールや機能の使い方を学ぶことができ、他と差のつくデザインテクニックを自然と身につけることができます。 思わず試したくなる、Photoshopのすごい最新チュートリアル、作り方36個まとめ Photoshopを極める！真似したくなる最新チュートリアル、つくり方まとめ 写真を砂埃まみれに仕上げる写真加工エフェクト 人物モデルのみを選択し、背景にエフェクトを適用していく本格的な写真加工チュートリアル。デザインする暇がないというひとは、プレミアムアクション素材を活用することもできます。 スタイリッシュな宇宙をテーマにしたポスターを作成する方法
この記事では、Illustratorをつかった文字加工、テキストエフェクト向けチュートリアルをまとめています。 当ブログでIllustratorの最新チュートリアルまとめを紹介しはじめた、2013年ごろまでさかのぼり、過去8年間のイラレ用テキストエフェクトをまとめたコンプリート集。 Illustratorがはじめてのひとから、普段使いしているプロデザイナーにもおすすめしたい、テキストエフェクトの基本を学ぶベストテクニックが揃いました。 サイバーパンク、80年代のレトロエフェクトから、メタリックな光沢感の3Dエフェクト、話題のニューモーフィズム・スタイル、面白フード系エフェクト、ネオンエフェクト、トロトロに文字が溶けたスタイル、透明ガラスなどあらゆる文字エフェクトの基本を学ぶことができます。 フォトショップのテキストエフェクト向けチュートリアルまとめ フォトショップでの文字の使い方も一緒に覚
本格的なロゴをオンラインで作成できる「Logaster」で作成された15,856,000個の中から、2021年に人気だったロゴのデザインを調査・分析し、2022年に注目されるロゴデザインのトレンドを紹介します。 Logasterの中の人から依頼があり、今年も日本語化するお手伝いをさせていただきました。ここに掲載されているロゴのデザインは、小さいサイズならすべて無料で作成してダウンロードすることができます。 ※2022/10: Logasterは買収されました。 また、過去のトレンドと比較してみるのも、面白いです。 2018年、ロゴのデザイントレンドのまとめ 2019年、ロゴのデザイントレンドのまとめ 2020年、ロゴのデザイントレンドのまとめ 2021年、ロゴのデザイントレンドのまとめ 1. 90年代にインスパイアされたロゴ 20世紀最後の10年はポップカルチャーからグランジ、パンクまで、
この記事では、Photoshopの新しい使い方やテクニックを学ぶ最新チュートリアルつくり方をまとめてご紹介します。 それぞれの作り方をマスターすることで、Photoshopの実践的で具体的なツールやエフェクトの使い方を感覚的に覚えることができます。ここでは、デザインの応用が効く実用向けデザインチュートリアルを中心に揃えています。 Photoshopを極める！真似したくなる最新チュートリアル、つくり方63個まとめ これもフォトショップ？参考にしたいすごい最新チュートリアル、つくり方まとめ 水面の下にある文字テキストを表現する方法 まるでプールの底に描かれた文字を眺めているようなエフェクトを実現するデザインテクニックで、水面に反射する光や歪みも見事に再現します。 ビリビリに破れた紙をデザインする方法 まるで紙が破けてしまったような風合いを、本物そっくりに表現できるお手軽テクニックで、動画チュー
この記事では、フォトショップの幅を広げる最新チュートリアル、使い方37個をまとめています。 覚えておくと便利なお手軽テクニックから、じっくり時間をかけて取り組みたい本格的なデザインチュートリアルまで、さまざまなフォトショップの使い方が揃います。 チュートリアルは手順通り進めることで、はじめてフォトショップでデザインをはじめるひとも、同じスタイルを再現できるだけでなく、ツールやエフェクトの具体的な使い方を実践で覚えることもできます。 フォトショップ上達への道！押さえておきたい最新チュートリアル、使い方まとめ フォトショップで水面や鏡に反射させる方法 フォトショップでよく利用するテクニックのひとつで、水面にリアルな映り込みを表現できます。 手軽なノックアウト・エフェクトの作り方 フォトショップを10年以上使用しているデザイナーが、最近発見した新しい小技。特に新しいツールなども必要なく、手早く文
PhotoshopとIllustratorのスキルを磨きたい人にオススメ！ デザインやイラストのテクニックを完全網羅した解説書 -デザインテクニック大全
デザインやイラストの必携ツールといえば、PhotoshopとIllustratorを挙げる人が多いと思います。PhotoshopとIllustratorの新機能をはじめ、リアルな質感、手描き加工、アナログ加工、光加工、テクスチャ作成、イラスト作成、文字と線のアレンジなど、100種類のチュートリアルが掲載されたデザインの解説書を紹介します。 本書で気になったデザインやイラストはすぐに作れるようになります。PhotoshopやIllustratorの進化のおかげもあり、えっ！ こんなに簡単にできちゃうの😄 という感じです。 本書は先週発売されたばかり！ 2018年に刊行された「Photoshop & Illustratorデザインテクニック大全（紹介記事）」の増補完全版。4年の月日が経ち、PhotoshopもIllustratorも大きく進化し、本書の内容も大きく進化しました！ この一冊あれ
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 第4弾は、UIに一貫性・統一感を持たせるためのデザインテクニックです。 UI & UX Micro-Tips: Volume Four. by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. デザイン要素に一貫性を持たせる 2. ホワイトスペースはたっぷり使用してください 3. 冒頭のパラグラフをスタイルして、ユーザーを引き込む 4. 短いパラグラフを効果的に使用する 5. カラーパレットを定義し、デザインに統一感を持たせる 6. アイコンをグリッドシステムで使用する際の注意点 はじめに 次のプロジェクトのため
この記事では、Photoshopで思い通りの文字の加工ができるテキストエフェクト用チュートリアルをまとめています。 グラデーションや影の加え方、文字をアーチ状にするといった需要の高いPSテクニックはもちろん、立体感のある3Dデザインやネオン、グリッチエフェクトいった旬のグラフィックまで、幅広いテキストエフェクトが揃います。 チュートリアルを手順通り進めることで、Photoshopの実践的なツールの使い方を基本からマスターできます。デザインアイデアに困ったときの参考にもおすすめです。 先日、過去8年分のIllustratorテキストエフェクト用チュートリアルもまとめました。「フォトショよりイラレ。」というひとはこちらの記事もどうぞ。 Illustrator文字の使い方をマスター！テキストエフェクト用チュートリアル116個【総まとめ】 数クリックで魅力的なテキストエフェクトが完成！無料PSDエ
※本ページは、アフィリエイト広告を利用しています。 情報を解りやすく伝えたい、そんなときに活躍するのがインフォグラフィックです。インフォグラフィックとは情報の関係を視覚的に表現したもので、電車の路線図などもイングラフィックの一つです。 路線図には、駅と駅の関係、駅と路線の関係、路線と路線の関係、現在地と目的地の関係といった情報の関係がグラフィカルに表現されています。インフォグラフィックの実践的な作り方、情報を解りやすく伝えるためのデザインテクニックもしっかり学べる解説書を紹介します。 著書はビジュアルシンキングの運営者でもある櫻田 潤氏、本書は情報を解りやすく視覚的に伝えるための基本知識と制作方法を実践的な手順に沿ってまとめたインフォグラフィック制作の解説書です。 同著者による「たのしいインフォグラフィック入門（Amazon）」は入門書として基本知識がメインでしたが、本書ではインフォグラフ
UI/UXデザイナー就活で2年がかりで編み出した、ポートフォリオの作り方｜トビ / KazuhiroTobita｜note
はじめに こんにちは。22卒でUI/UXデザイナーになるトビ（@tobik_jp）です。デザイナー就活をするにあたり、インターンでも就活でも避けて通れないのが「ポートフォリオ」です。 ここ数年でナレッジ記事が増えましたが、”観点”や”基準”に言及するものが多く「…で、結局どう作ればいいの？」とデザイン知識が全くなかった私自身、デザイナー就活中に頭を悩ませてきました。 （作っては壊してを2年間で5回以上繰り返してきました） 結論を先に述べると、矛盾するようですが「ポートフォリオに作り方など本来ない」と今は思っています。自分が頭で考え、目で学び、手を動かしてきたものが”作品”です。 とはいえ、自分の色を出すレベル以前の『基礎となる作り方のノウハウ』は残念ながらまだ世に多く出回っていません。 このnoteでは、実践的なポートフォリオの作り方を言語化します。 「〜するのがおすすめ」という話のスタン
この記事では、人物写真をフォトショップで加工するレタッチ、合成向けチュートリアルをまとめています。 フォトショップの醍醐味でもある写真合成や、レタッチテクニック、ポートレイト写真加工、アクション作成、デジタルメイク、モノクロ写真のカラー化、髪の毛の切り抜き、SF風デザイン、写真のイラスト化などあらゆるスタイルを網羅した保存版。 これらのテクニックを習得することで、フォトショップでイメージ通りの世界観を表現できる魔法のレシピを集めました。 フォトショップで人物写真を魅力的にする加工、レタッチ向けチュートリアル どんなイメージ写真もピクセルアートに変えてしまう方法 Illustratorのビットマップ機能を利用したデザインテクニックで、リアルワールドをピクセルアートにしてしまいます。 風景写真をイラスト・アニメ風に加工する方法 まるで大ヒットした某映画のワンシーンをみているような、写真をイラス
デザインの引き出しを増やすためには、トレンドを知っておくことが大切です。 デザインの基本となるタイポグラフィ、カラー、形などの要素が詰まった、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。 2024 Logo Trend Report by BILL GARDNER 下記は各ポイントを意訳したものです。 ※元サイト様にライセンスを得て翻訳しています。 2024年、ロゴデザインのトレンドの傾向 Flat Box -錯覚はデザインにおける最大の成果の一つ Corner Chop -デザインの観点だと三角形は厄介です Elliptic -楕円は常に円の中に生きている Pixel Drop -ピクセルアートの華麗なる復活 Bell Bottoms -セリフ体とサンセリフ体について活発な議論が交わされています Liquid Bridge -角の緩和は「厳しい」「攻撃的」か
実は仕事力強化/キャリアアップにもなる！ブログ運営【初心者向けアフィリエイトブログ副業だけでない！】 - ITエンジニアの独り言 ～移転しました～
この事はちょこちょこブログ記事内にも書いてましたが。 あまり実感わいてない人もいると思うので。 たぶんここのブログ来ている人はブログ運営している人が多いと思います。 始めた動機は？ 「暇つぶし」 「アフィリエイト広告でお小遣い稼ぎ」 くらいの軽い気持ちで、始めた人多いと思います。 そして多くの人は、ブログ運営は難しい。 お小遣いも思うように稼げないから何も得られず無駄な労力だったと思っている人もいるかもしれません。 うまくいっている人は純粋に 「おめでとうございます。」 何も得るものなかったという人の中には「時間を損した」と思っている人もいるかもしれません。でも この時間決して無駄ではありません。 例え、心に秘めていた思い、それは人によって様々だと思います。 それが思うように達成できなかったとしても、知らず知らずのうちに経験値を積んでいると思います。 ブログの存在をあちこちに知らせる 広報
トレンドが目まぐるしく変わるWebデザインでは、できるだけたくさんの優れたデザインのサイトを見て、触れることが重要で、次のアイデアにもつながります。 この記事では、Webデザインの創造力を高める最新良質サイト36個をまとめてご紹介します。 Webサイトの雰囲気や印象づくりはもちろん、配色や利用フォント、レイアウトなどの参考にもぴったりで、Webデザインに関わる全てのひとにオススメの内容。 前回のWebデザインまとめも一緒にどうぞ。 Webデザイン力を鍛える最新良質ウェブサイト33個まとめ ; Webデザインの創造力を高める最新良質サイトまとめ Vita Architecture 七色に輝くヒーローイメージの他に、スクロール追従アニメーションを効果的に活用した要素の表示テクニックや、シンプルでミニマルなグリッドレイアウトなどデザインの参考に。 養老ミート 自社牧場をもつ飛騨牛をメインに扱う肉
この記事では、フォトショップの新しい使い方やテクニックを短時間でマスターできる最新チュートリアル48個をまとめてご紹介します。 今回紹介するフォトショップのチュートリアルを手順どおり進めていくことで、より実践的なツールや機能の使い方を覚えることができます。 これどうやるの？フォトショップの最新テクニックや使い方、チュートリアルまとめ 継ぎ目のない複雑なデザインパターンを作成する方法 あらゆるデザインで継ぎ目のないパターンを作成するテクニック。以前紹介した記事も参考にしてみると良いでしょう。 フォトショップ凄すぎ！継ぎ目のないパターンを作成するプラグイン Adobe Textile Designer の使い方完全ガイド さまざまなカモフラージュ柄パターンをデザインする方法 フォトショップをつかって継ぎ目のないカモフラージュパターンを作成します。長めですが、手順どおり進めていくだけで基本ツール
簡単に作れて周りがあっと驚くフォトショップのデザインテクニック、作り方をまとめてご紹介します。 最近公開したテクニックを中心に、「フォトショップの使い方を実践的に学びたい」というひとにおすすめしたい機能や操作テクニックなど盛りだくさん。 手順通り進めることで誰でもプロの技を学ぶことができます。 このデザインテクニックはこんな人におすすめ！ よく見かけるあのビジュアルの作り方を知りたい あまり時間をかけずにデザイン編集や加工をしたい フォトショップを何から始めたら良いか分からない 手持ちの写真を魅力的に仕上げたい フォトショップでできるデザインテクニック集 写真になにか追加、合成したいときは「レイヤーを自動合成」機能が便利ですhttps://t.co/q3pacxiOBu#Photoshop pic.twitter.com/yUQvCibgNl — Photoshop VIP (@photo
「ウェブデザインが浮かばないから、なにか新しいアイデアが欲しい」 「今後の案件で利用できる、最新Webデザイン事情を知りたい」 「ウェブサイト、なにから作ればいいかわからない」 そんなときに目を通したい、国内外の最新おすすめWebデザイン37選をご紹介します。 他のウェブサイトを見ることで、デザインのアイデアやインスピレーションにもつながります。 「こんな感じのデザイン、考えています」といった具合で、実際のページを開きながらの打ち合わせにもオススメ。 レイアウトや配色、フォント選びだけでなく、コンセプトをうまく伝えるウェブデザインを意識した制作に活かしてみましょう。 ウェブデザインの潮流をよむ、最新おすすめサイトまとめ Kubota Future Cube スタートボタンを押した途端に、キューブの中には未来の姿がひろがります。コンテンツの切り替えにもキューブをうまく活用した、没入感たっぷり
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
提案書の書き方、徹底解説～提案書のストーリー・コピー・デザインの基本法則【スライド付】 | knowledge / baigie
【総まとめ】2020年公開のすごいPhotoshopチュートリアル、作り方厳選まとめ
UIのデザインでよく見かける、目の錯覚による違和感を取り除くデザインテクニックのまとめ
【個人開発・ポートフォリオに】無料で簡単にいい感じのデザインにできるサービスまとめ - Qiita
2022年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ
2023年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ
アイコンデザイン 7つの原則、優れたアイコンをデザインするために
よくあるWeb課題をCSSで乗り切る！知っておきたい最新テクニック20選
【総まとめ】2019年公開のすごいPhotoshopチュートリアル、作り方厳選77個
2021年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ
Webの進化が止まらない、コピペ可な最新HTMLスニペット40個まとめ
プロのUIデザイナーに学ぶ、既存のデザインのクオリティを高めるデザイン知識とテクニックのまとめ
プロのUIデザイナーに学ぶ！UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.5
2020年のロゴデザインのトレンド -2020 Logo Trend Report
フォトショップをしっかり学ぶ！最新チュートリアル、作り方まとめ 2020年1月度
Photoshopを極める！真似したくなる最新チュートリアル、つくり方63個まとめ
Illustrator文字の使い方をマスター！テキストエフェクト用チュートリアル116個【総まとめ】
2022年に注目しておきたい、ロゴデザインのトレンドのまとめ -Logo Design Trends 2022
これもフォトショップ？参考にしたいすごい最新チュートリアル、つくり方27個まとめ
フォトショップ上達への道！押さえておきたい最新チュートリアル、使い方38個まとめ
プロのUIデザイナーに学ぶ！UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.4
Photoshop文字加工を極める！テキストエフェクト用チュートリアル186個まとめ【保存版】
情報を分かりやすく伝えるインフォグラフィックの作り方を学べるデザイン書 -インフォグラフィック制作ガイド
フォトショップで人物写真を魅力的にする加工、レタッチ向けチュートリアル164個まとめ
2024年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ
Webデザインの創造力を高める最新良質サイト36個まとめ
これどうやるの？フォトショップ最新の使い方やテクニック、チュートリアル48個まとめ
これがフォトショップだ。みるみる力がつくデザインテクニックまとめ
コンセプトをうまく伝える最新Webデザインみほん帖37選