フォントとタイポグラフィのブログとして世界的に著名なI Love TypographyのJohn Boardley氏による、2021年お気に入りの英語フォントを紹介します。 デザインに合う新しいフォントを探している人は、要チェックです！ My Favorite Fonts of 2021 by John Boardley (@ilovetypography) 下記は各ポイントを意訳したものです。 各フォントは有料で、無料のお試し版やデモ版も用意されています。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 2021年はよくない理由で、記憶に残る年でした。まるで、去年のリストを10年前に公開したような気がします。しかし、書体デザインにとって、2021年は悪い年ではありませんでした。 私はこのリストの上限を10個に制限すると決意しているため、価値のある多くのフ

ChargeSPOTマン 空を飛ぶChargeSPOTマン ChargeSPOTスタンド ChargeSPOTを持っている交通誘導員 京セラドーム 京都タワー マエデーズ1 マエデーズ2 マエデーズ3 マエデーズ4 マエデーズ5 マエデーズ6 マエデーズ7 マエデーズ8 マエデーズ9 マエデーズ10 マエデーズ11 マエデーズ12 マエデーズ13 マエデーズ14 マエデーズ15 太宰府天満宮 どんたく 山笠 12345

各地の海岸や港への軽石の漂着が問題となる中、神奈川県などの研究グループが、漂着した軽石の表面に吸着材に使われる「ゼオライト」の結晶を作ることに成功しました。 グループでは、水質浄化や放射性物質の除去など環境汚染対策への活用につなげたいとして、実用化を目指すことにしています。 小笠原諸島の海底火山、福徳岡ノ場の噴火で出た軽石が各地に漂着している問題では、沖縄県で仮置き場に大量の軽石が積まれるなど回収後の処分も課題となっています。 軽石の有効活用に向けた研究に取り組む、神奈川県立産業技術総合研究所と鹿児島県工業技術センターの研究員らのグループは、与論島などで採取された福徳岡ノ場から流れ着いたとみられる軽石で実験を行いました。 実験では軽石を水酸化ナトリウムを溶かした水に入れ、密閉して100度以下で加熱した結果、表面に「ゼオライト」の結晶を作ることに成功しました。 現在、漂着が問題となっている軽

「いざデザインをしようとすると手が止まる」「使い方はある程度わかるけど、スタイルがいつも同じ」「機能がアップデートされすぎで迷子」、フォトショップをつかったことのある人なら、一度は感じたことがあるかもしれません。 今回は、現場で使えるフォトショップの実用テクニックを学ぶ最新チュートリアル、つくり方レシピをまとめてご紹介します。 知っておきたい便利な時短テクニックから、フォトショップの最新アップデートで追加された新機能の使い方など、実際に手を動かし手順どおり進めることで、どんな案件でも対応できるスキルを磨きましょう。 自然に身につくフォトショップ力 最新お役立ちレシピ、作り方37個まとめ シンプルなグリッドパターン柄のつくり方 フォトショップのグリッド機能を活用し、シンプルで印象に残る４種類のグリッドパターンを作成するチュートリアル。完成したパターンは保存し、Webサイトに活用することもでき

私が一番最初にAndroid アプリをデザインしたのが2016年の初夏頃で、その頃はまだiOS・Android とデザインが違うのが主流でしたが、2021年現在のアプリはiOS もAndroid もプラットフォームごとの細かな違いはあれどほぼ同じデザインが主流となっています。 これは2016年の10月にAndroid APIがBottomNavigationView に対応してからじわじわ浸透していった変化だと考えているのですが、その辺の歴史の話は省略します。プラットフォームは違えどスマートフォンアプリである以上デザインは同じ方が楽なので、共通化されていったのは自然な流れだと思います。実際両者が全然違うUI・デザインだと大変ですしね……。 とはいえ、プラットフォームが違うので全て同じというわけにもいきません。iOS にはHuman Interface Guidelines、Android

CSSボタンデザインは、スタイルを変えるだけでガラリと印象を変えることができるウェブデザイン要素のひとつです。 Copy & Paste CSS は、AmazonやSpotify、Slackといった有名Webサイトで使われているボタンデザイン用CSSスニペット77個を集めた無料ツールです。ボタンをクリックするだけで、Internet Explorer や Chrome などクロスブラウザ対応のCSSソースコードをコピペできます。 詳細は以下から。 AmazonやSpotifyも！有名サイトのCSSボタンデザイン77個をコピペ再現できる Copy & Paste CSS Copy & Paste CSSは、海外でよく見かける有名サイトで使われれているボタンスタイルをCSSで再現し、コピペで実装できるようにまとめたCSSライブラリです。 BootstrapやGithub、Tailwindといっ

この記事では、フォトショップでワンランク上のハーフトーン画像をつくる方法をご紹介します。 まるで印刷されたコミック漫画のようなハーフトーンスクリーン効果に、テクスチャの質感を加えることで、よりリアルなヴィンテージ感を演出できるテクニックです。

Googleは、5月19日未明に開催したオンラインイベント「Google I/O 2021」で、新しいデザインフレームワーク「Material You」を発表しました。 Material Youでは、これまでデザインフレームワークによってあらかじめ指定されていたカラーパレットから色を選ぶのではなく、「あなた自身のパーソナルカラーを基に、デザイナーの視点とカラーサイエンスの組み合わせによって作られたカラーパレットを生成することで、あなたがアプリケーションのルック＆フィールのクリエイターになる」（Matias Duarte氏）と説明。 そして自動的にそのカラーパレットにUIが適合していくとのこと。

フォトショップで入れておきたい無料ブラシ素材95個まとめ 2025年版 デザインの幅がグッと広がる、高品質アイテムのみ集めました。 フォトショップの素材の中でも、高品質なブラシは使いやすい万能アイテム。 あらゆるスタイルを表現できますが、どれを使ったら良いか迷ってしまうというひとも多いでしょう。 いつの間にか同じブラシばかりを使っていた、なんて経験もあるかもしれません。 この記事では、フォトショップでまず入れておきたい無料ブラシ素材90個をまとめてご紹介します。 ダウンロードしたブラシ素材のインストール方法や、新しくなったCreative Cloudライブラリを活用した、ブラシの整理、保存テクニックも参考にしてみましょう。 これから紹介するブラシを利用するには、Adobe Photoshopが必要となります。 ここ最近のAIをつかったフォトショップの新機能は、「過去10年でもっとも革新的な

〈臨時休業のお知らせ〉 2025年12月13日(土)は休業とさせていただきます。 ご不便をお掛けしますが、何卒よろしくお願いいたします。 〈冬期休業のお知らせ〉 2025年12月28日〜2026年1月4日は休業とさせていただきます。 ご不便をお掛けしますが、何卒よろしくお願いいたします。 〈プリントするデータについて〉 タレントさんの写真や使用の許可を得ていない他者が撮影した画像、ウェブ・雑誌等からの転用画像のプリントはできませんのでご注意ください。 2名からのグループワークショップ随時受付中 「アクリルで指輪をつくろう」「アクリルかんざしを作ろう」「アクリルキューブにプリントしよう」「お絵描きミラーチャームを作ろう」「壁掛け時計を作ろう」「エアリーピアスを作ろう」「パーツピアスを作ろう」「アクリルをねじってアクセサリーを作ろう」

人物でも建築物でもオブジェクトでも、あらゆる画像を水彩タッチの画像に変えるPhotoshopの無料素材を紹介します。 元画像を用意して、数クリックの作業で簡単に水彩画にできます。 今なら完全無料なので、ダウンロードしておいて損はないでしょう。

ベーシックなストライプのPhotoshopパターン 460個セットを作りました ： 460 Basic Stripe Set 仕事でストライプのパターンを良く使うので、まとめて作ってみました。ストライプのパターンは、斜め・縦・横の3種類、白と黒（背景透過）、線幅2pxごと、線幅の間隔は等倍・1.5倍・2倍の全460個です。 (stripe.zip:571KB) Zipファイルを解凍後、パターンファイルをPhotoshopにドラッグ＆ドロップするとパターンが追加されます。 商用利用OK、印刷OKです。再配布はNGです。ご使用の際の報告やリンク、著作権表示は不要です。お気軽にお使いください。 ストライプパターンについて 斜めのストライプは、英国式の右上がりです。 線の色が白と黒なので、描画モードを「オーバーレイ」等にすれば、大体どんな色にでもできると思います。 線幅は、1pxと、2～50pxま

こんにちは。デザイナーのもりたです。 私はいつもデザインするとき、パターンが必要になったらその都度適当に作ってしまって、結局パターンファイルの中が「パターン45」とかそんな名前で埋めつくされるタイプなんですけど、デザイナーの皆さんいかがでしょう。 自分の中の命名ルールが決まってないから名前つけても適当すぎて判別できないんだよね……。結果いちいちクリックして試すなんて非効率的なことに。 まあそんなわけで、一念発起してこの自作パターンを整理しようと思い立ったわけですが、せっかくなので、Webデザイン制作時にセットで持っていると便利そうなパターンをまとめて配布することにしました。 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれ

Figmaのワイヤーフレーム・フローチャート・プロトタイプ用の素材を紹介します。 Webサイトやスマホアプリで使用されるさまざまなコンポーネントやUI要素、基本的なスタイルが用意されており、短時間で作成できます。 UI Template 日本人クリエイターが制作した、Figmaのワイヤーフレーム用テンプレート。基本的なスタイル、コンポーネント、ワイヤーフレーム用のアセットが用意されており、デザイナー以外のエンジニアやディレクターでも使いやすい素材です。

最近、ReactとMaterial-UIを利用した管理画面を作成する機会がありましたので、Reactアプリの作成からMaterial-UIの導入までの手順をまとめてみました。本記事は前提としてJavaScriptやTypeScriptの知識があるとより分かりやすいと思います。 成果物 次のような管理画面を作成します。 環境 項目 内容

Web制作時などのコーディングの作業が捗る、コードがはっきりと見やすくて、使いやすい Visual Studio Codeのテーマを紹介します。 ダーク系が好きな人も、ライト系が好きな人も、そしてクリーム系やMaterialカラーのテーマなど、いろいろ揃っています。 VSCodeThemes VSCodeThemes -GitHub VSCodeThemesでは、Visual Studio Codeのさまざまなテーマがまとめられています。 Visual Studio Codeで使いやすいテーマファイル Visual Studio Codeのテーマのインストールと変更方法 Visual Studio Codeで使いやすいテーマファイル まずは制作者に人気が高い、暗い色を使用したダーク系のテーマ。

Ministry of Economy, Trade and Industry. Some RIghts Reserved.Except where otherwise noted,content on this site is licensed under a Creative Commons Attribution4.0 International license.

ダ・レースは、TopeconHeroesダーヤマが制作したレースのイラスト素材をひたすらアーカイブするサイトです。 ガーリーなデザインをするときなどにレース素材は便利なので、必要に応じて利用して素早くデザインを完成させて早く帰りましょう。規約内で無料でつかえます。

Webページのグリッドをデザインする時に、FacebookやTwitterなどのカバー画像をデザインする時に、プロフィールやアイコンなどの小さな要素をデザインする時に、黄金比を使ったグリッドを利用できるPhotoshop用のデザイン素材を紹介します。 Golden Ratio Grid 黄金比を使ったデザインのテクニックを磨きたい方は、下記が参考になります。 黄金比を使ったすごいデザインテクニックのまとめ -Webデザイン・紙デザインに Golden Ratio Gridにはデザインをする際に役立つ黄金比のリソースがPSDにまとめられています。 まずは、黄金比でデザインするためのガイド。