個人でも商用でも完全に無料で利用できる、高品質でさまざまな種類が揃った高解像度8K, 4Kのテクスチャ素材を紹介します。 ゴールド、大理石、煉瓦塀、スモーク、花火、蜘蛛の巣、シャドウ、クラフトペーパー、ブラックペーパー、チョークボード、段ボール、デニム地、水彩、グラデーションなどがそれぞれカテゴリごとにまとめてダウンロードできるので、非常に便利です。 唯一の難点は、ファイルサイズが大きいので、ダウンロードに時間がかかるくらいでしょうか。100, 200枚でもまとめてダウンロードできます。 ResourceBoy ResourceBoyはテクスチャ素材をはじめ、ブラシ素材、グラデーション素材、モックアップ素材など、商用利用無料の数多くのリソースをダウンロードできます。以前にも紹介しましたが、その時からさらにテクスチャ素材の種類が増え、パワーアップしています。

個人でも商用でも完全に無料で利用できる、高品質でさまざまな種類が揃った高解像度8K, 4Kのテクスチャ素材を紹介します。 ゴールド、大理石、煉瓦塀、スモーク、花火、蜘蛛の巣、シャドウ、クラフトペーパー、ブラックペーパー、チョークボード、段ボール、デニム地、水彩、グラデーションなどがそれぞれカテゴリごとにまとめてダウンロードできるので、非常に便利です。 難点があるとすれば、ファイルサイズが大きいので、ダウンロードに時間がかかるくらいでしょうか。 ResourceBoy ResourceBoyはテクスチャ素材をはじめ、ブラシ素材、グラデーション素材、モックアップ素材など、商用利用無料の数多くのリソースをダウンロードできます。以前にも紹介しましたが、その時からさらにテクスチャ素材の種類が増え、パワーアップしています。 ResourceBoy ライセンスは独自で、個人でも商用でも無料、ロイヤリティ

同じ背景色に配置したベタ塗りのカラーと同じに見える半透明のカラーを生成するツールを紹介します。 半透明のカラーは背景に重なると、ベタ塗りのカラーと同じになります。たとえば、シャドウやダイアログの背後の背景など半透明で複数の背景で動作するUI要素に最適です。不透明度を下げたブラックを使用するのではなく、ニュートラルカラーの半透明カラーを使用すると、より美しいUIをデザインできます。 下記は、上はベタ塗り、下は半透明です。

商用でも無料、かわいくておしゃれなイラスト素材をまとめました。Webやアプリ、プレゼン、提案書、ポスター、同人誌など、さまざまなメディアで無料で利用できます。 ほぼすべてがクレジット表記は必要無しなので、使いやすいと思います。 イラストセンター 個人・商用プロジェクトで無料で利用できます。 現在10,000点以上、分かりやすくて使いやすいイラストが揃っています。カテゴリも豊富で、だいたいのものが揃っています。野菜や果物など、同じテイストでたくさんあるのもいいですね。料理もたくさんの種類があります。一度に利用できるイラストの数は20点までとなっており、詳しくは利用規約をご覧ください。

2021年もあと残り2週間ですね、今年リリース・アップデートされたひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。 ゴシック、明朝、デザインフォント、手書きフォントなど、盛りだくさんです！ これまでの日本語フリーフォント総まとめは、下記をご覧ください。 日本語のフリーフォント総まとめ -商用サイトだけでなく紙や同人誌などの利用も明記 後日、上記に追加します。 2021年フォント界の大きなニュースは、Google Fontsに大量の日本語フォントが追加されたことです。Webフォントとして利用できるのはもちろん、オープンソースになったので商用プロジェクトでも無料で利用できます。 というわけで、Google Fontsで利用できるようになった日本語フォントから紹介します。有料だったフォント（砧書体やZENフォントやFontworksなど）もオープンソースのSILライセンス

以前当ブログで紹介した時からずっと愛用しているEagleがver.2に神アップデートしたので、改めて紹介したいと思います。 簡単に言うと、フォント（ttf,otf,ttc,woffも）、画像（jpg,png,gif,svg,webpはもちろん、raw,psd,ai,xd,sketch,clipも）、動画、音声、PDFやテキストも管理でき、タグ付けやフォルダ分けやカラーフィルターなどで整理も簡単できるアプリです。 Windows, macOS（M1対応）に対応したアプリで、1ライセンスで2つ使用でき、サブスクではなく買い切り、しかもバージョンアップの追加料金なしです。 ver.2が先日リリースされ、ver.1の人は無料でアップデートできます！ Eagle Eagleとは Eagle ver.2の神アップデート Eagleのダウンロード・インストール Eagleの使い方 Eagleとは Eag

人物・動物・植物をはじめ、デジタル機器、建物、家具など、日常で見かける標準的なさまざまなスペースとサイズを図版化したDimensions.Guideを紹介します。 人物だけでも、老若男女の立ち・座り・寝・歩き・運動、そして正面・側面・上面が揃っており、イラストやデザインの参考資料になると思います。 Dimensions.Guide Dimensions.Guideではさまざまな図版が揃っています。 例えば、25-45歳の女性が歩いている時のサイズ。 平均身長は1.63mに設定されており、カジュアルな服装で歩いている横向きです。 Walking Female Side 素材はすべて商用でも無料で利用できます、クレジットは特に必要ありません。ただし、素材そのものを再配布・再販売することは禁止です。詳しくはライセンスページをご覧ください。 legal ダウンロードできる素材のフォーマットは、3種

2017年にリリースされた日本語のフリーフォント、英語のフリーフォントを紹介します。個人でも商用でも無料で利用できるフォントを厳選しました。 日本語のフリーフォント 英語のフリーフォント 日本語のフリーフォント まずは、先日のまとめ2018年用、日本語のフリーフォント312種類のまとめには含まれていないフリーフォントから。 しっぽりアンチック 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 しっぽりフォントシリーズ第2弾で、コミック・マンガのセリフや絵本の文に最適なフリーフォント。筆文字感のある正統派アンチック体は、縦書きでも非常に読みやすいデザインになっています。

Webサイトを公開した時に、サイトのパフォーマンス、SEO、セキュリティ、アクセシビリティ、コンテンツ、機能性の面から確認しておきたい項目がまとめられたチェックリストを紹介します。 2017年、最近のWebのテクノロジーや制作事情をふまえたものとなっており、ひと昔前とはいろいろ変化しています。 イラスト: Girls Design Materials 「Web Launch Checklist」は2017年最近のWeb制作事情をふまえて、サイト公開時の確認事項をまとめたものです。 確認項目は6つにカテゴリ分けされており、それぞれ最新の動向が取り入れられたものとなっています。 Web Launch Checklist Web Launch Checklist -GitHub そのまま利用してもよし、また編集して自分用のリストを作成することもできます。 パフォーマンスで確認したい項目 SEOで

毎月多くのフリーフォントがリリースされています。その中から、特にこれはダウンロードしておきたいフリーフォントを紹介します。 有料フォント並のクオリティの手書きフォントをはじめ、シンプルなフォント、かっこいいフォント、ビス付きの珍しいフォントなど、いろいろです！ まずは、GothamとHelveticaがどれくらい似ているか、合体するとどうなるか、実験的に作られたフォントから。

19世紀のヴィクトリアン様式にインスパイアされた、ヴィンテージなデザインによく合う素敵なフリーフォントを紹介します。

幾何学的な飾り、繊細なパターン、緻密なオブジェクトが美しいアール・デコ、アール・ヌーヴォーなど19世紀のヴィンテージ スタイルを中心に、その時代ごとのデザインの特徴と使い方を紹介します。 合わせて、個人・商用で無料・有料で利用できるデザイン素材・フォントもご紹介。 【更新: 2022/9/13】 元記事がアップデートされたので、合わせて当記事も更新しました。 Vintage Style Guide ヴィンテージ スタイルの手引き 唯美主義運動 -Aesthetic Movement アール・デコ -Art Deco アール・ヌーヴォー -Art Nouveau アーツ・アンド・クラフツ -Arts & Crafts バロック リバイバル -Baroque Revival 新古典主義 -Neoclassical ペンマンシップ -Penmanship ルネサンス リバイバル -Renaiss

「Ombré（オンブレ）」とはここ数年、海外セレブたちが火付け役となって人気になったオンブレヘアーの美しいグラデーションで、特定の2色間をグラデーションでつなぐデザインです。ロゴデザインではこのグラデーションをベクターベースの面白い形状で色分けして利用しています。 Circles 完璧と無限を表現する美しいサークルは、非常に人気が高いデザイン要素です。最近のトレンドは、サークルの上にサークルを重ねたり、繰り返して使用しています。こういった幾何学的な形はシンプルであればあるほど良く、要素に区別をつける時にはフラットにしたり透明にしたり、グラデーションにしても効果的です。 Half and Half

サイトをレスポンシブ対応にするには、デバイスごとのスクリーンサイズ、フォントや画像のサイズだけでなく、クリックとタップ、スクロールとスワイプなどの機能性、そして見た目もサイズだけでなく、配置やトリミングなど、さまざまな取り組みがあります。 レスポンシブデザインにすぐに使える制作テクニックのすごいアイデアを紹介します。 Responsive web design: What the Internet looks like in 2016 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 01. 空白スペースを効果的に使う 02. ロゴの配置を一貫させる 03. 縦置きと横置きを考慮したデザイン 04. 縦長スクロールページの素晴らしいアイデア 05. 指のタップに合わせた形と大きさ 06. レイアウトにレスポンシブ用の微調整 07. 一行

紙・布・生地・黒板・皮・木目・石こうなど、繊細な質感を表現したテクスチャをシームレスに使えるパターン素材を紹介します。 下記の素材は全て個人でも商用でも無料で利用できます。 詳しくは下記ページをご覧ください。 ライセンスページ ダウンロードできるファイルには小さい画像とPhotoshopのパターンファイル（.pat）があり、シームレスに利用できます。

デザインはセンスや経験も大切ですが、一番大切なのは基本です。 伝わるデザイン、読みやすいデザイン、印象に残るデザイン、今抱えている課題を解決するデザインに必要な基本のルールと制作の流れをしっかりと身につけることができる何度も読み返したいオススメの本を紹介します。 本書は「ノンデザイナーズ・デザインブック（Amazon）」や「デザインの教室（Amazon）」と同系統のものですが、2冊ともかなり前の本なので事例や応用例が古いのが難点です。 今回紹介する「デザイン入門教室」は今月発売されたばかり。デザインの基本を押さえつつ、現代のスタイルが取り入れられた事例や制作の流れが豊富に掲載された一冊になっています。

他の人のサイトマップやフローチャートってなかなか見る機会がありませんよね。 そんな時は世界中のクリエイターが集まるDribbbleです。Dribbbleからサイトマップやハイレベルサイトマップ、フローチャートを紹介します。 使用ツールはIllustrator, Sketch, Omnigraffleなどで、機能性だけでなくデザイン性も重視されて作成されています。 サイトマップやフローチャートで使える素材も一番最後にご紹介。

紙に書いた文字でも、IllustratorやPhotoshopで作成した文字でも、その文字からオリジナルのフォントを簡単に作成できる無料のオンラインサービスを紹介します。 作成できるフォントはTrueType、OpenTypeの2種類です。 ひらがな、カタカナ、漢字、絵文字などの日本語、英語、フランス語をはじめ、ギリシャ文字、キリル文字、数式記号などにも対応しています。 ※漢字は数が少なめ。 PaintFont 使い方は簡単。 フォントに使用する文字を決めて用紙を作成し、その用紙に文字を書き、それをアップロードしてフォントを作成します。 Step 1: 最初の準備 Step 2: 文字を手書きする Step 3: 手書きした文字からフォントを作成 Step 1: 最初の準備 フォントに使用する文字を決め、手書きする用のファイルを作成します。 まずは、作成するフォントに含まれる文字を設定。

個人や商用で利用できる、無料の日本語フォント164種類を紹介します。 年賀状の宛名にも使える縦書き対応のフォント、かわいい手書きフォント、読みやすいゴシックなどが揃っています。同人誌や印刷物などでの利用も明記しました。 毎年まとめていますが、初紹介のものから既存のものまでダウンロード・ライセンスを改めて確認しています（※情報はこの記事の執筆時のもの）。 最新版を公開！フォントの数が大幅に増えています。 2020年用、日本語のフリーフォント 417種類のまとめ フォント紹介の前に各フォント制作者からのお願いごと。 フォントを利用の際には必ず利用条件やライセンスをご確認ください。 では、多彩なデザインが揃った「FGシリーズ」からご紹介。 FGゼロ 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 零式艦上戦闘機に使用されていた文字を現代風にアレンジしたフォント。レトロでシャープな字形

デザインのアクセントやワンポイント、質感を高めるテクスチャ、かわいいエレメント、お絵描きやデジタルアート用など、いろいろ使えるPhotoshopのブラシを紹介します。