商用でも無料で使用できる、かわいくてシンプルなおしゃれな海外のイラスト素材をまとめました。Webやアプリ、プレゼン、提案書、ポスター、同人誌など、さまざまなメディアで無料で利用できます。 イラスト素材の多くはオープンソースで利用でき、ほとんどはクレジット表記の必要が無しなので、使いやすいと思います。
ソシム社からまたまた、勉強になる面白いデザイン書が発売です! 今回はWebデザインや紙のデザイン、そしてイラストや写真にも使える、構図を使ってデザインするときのテクニックやポイントを解説した「最強構図」。 「けっきょく、よはく。」「ほんとに、フォント。」の著者ingectar-eが生み出したデザインの新セオリーが、分かりやすく解説されています。 デザインはセンスではなく、知識です! 本書は、本日(1/26)発売されたばかり! 手に取ると最初に、表紙の洗練された美しいゴールドに感動すると思います。画像で見るよりはるかに美しい金です! 「最強構図」の4文字とその下にある黄金螺旋、ワクワク感が溢れる表紙ですね。もちろん、中身もその期待を裏切らない、いや期待以上の内容でした。
2022年も残り2週間ちょいですね、今年リリース・アップデートされたひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。 ゴシック、明朝、デザインフォント、手書きフォントなど、盛りだくさんです! これまでの日本語フリーフォント総まとめは、下記をご覧ください。 日本語のフリーフォント総まとめ -商用サイトだけでなく紙や同人誌などの利用も明記 後日、上記に追加します。 2022年フォント界の大きなニュースは、今年も引き続きGoogle Fontsに大量の日本語フォントが追加されたことでしょうか。Webフォントとして利用できるのはもちろん、オープンソースなので商用プロジェクトでも無料で利用できます。 また、LINEからフリーフォントがリリースされたのも予想外でした。ほかにも、手書き系の文字種が揃ったフリーフォント、マンガやテレビにインスパイアされたフリーフォントなど、使いたく
ピクセルフォントが大好物な人に朗報です! ピクセルフォントを多数リリースしているx0y0pxFreeFontから新作フォント「マルモニカ」がリリースされました。 可読性に優れたピクセルフォントで、ひらがな・カタカナ・英数記号文字をはじめ、JIS第1水準漢字2965字、第2水準漢字3390字が完全収録されています。さらに、ライセンスも太っ腹で、商用無料、ゲームやスマホアプリへの埋め込みもOKです。 マルモニカ マルモニカの特徴 マルモニカのダウンロード x0y0pxFreeFontの他のフォント マルモニカの特徴 マルモニカは、ピクセルフォントを多数リリースしているx0y0pxFreeFontの新作フォントです。 ピクセルが形作る曲線美を追求した丸ゴシック体のピクセルフォントで、ひらがな・カタカナ・英数記号文字をはじめ、JIS第1水準漢字2965字、第2水準漢字3390字が完全収録されていま
以前当ブログで紹介した時からずっと愛用している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
インストール済みのフォントを好きな文字で一覧表示できる、Windows, macOS, Linux対応の国産アプリを紹介します。 国産なので日本語フォントはもちろん、英語フォントもサポートされています。 いろいろなフォントで比べてみたい人、特にフォントがたくさんの人に便利です! fontvuer fontvuer -GitHub fontvuerの特徴 fontvuerのダウンロード・インストール fontvuerの使い方 fontvuerの特徴 既視感を抱いた人は大正解! fontvuerは先日リリースされたばかりの国産アプリで、以前当ブログで紹介した「Fontviewer(紹介記事)」の後継の新作です。 基本的な機能はほぼ同じですが、使い勝手が大幅に強化されています!
ニューモーフィズムとは、要素が背景と同じ素材で作られており、シャドウを与えて押し出されたような窪んだようなスタイルです。最近注目されているUIデザインのトレンド「ニューモーフィズム」を簡単な手順でデザイン・実装する方法を紹介します。使用するソフトウェアは、FigmaでもIllustratorでもAdobe XDでもSkecthなど、なんでもOKです。 ニューモーフィズムのデザイン方法、使用するカラーの選び方、UIデザインに適用するCSSの実装コードなど、すぐに実践できます。 Neumorphism (Soft UI) in User interface design - Tutorial by Kanhaiya Sharma 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 新しいトレンド「ニューモーフィズム」 ニューモーフィズム
日常的にVueを使用している開発者が、ReactとVueで全く同じアプリを作成した時のそれぞれの工程を比較して分かった相違点を紹介します。 特に、Reactのフックについて具体的な使い方が解説されています。 I created the exact same app in React and Vue. Here are the differences. [2019 Edition] by Sunil Sandhu 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 本記事は以前翻訳した記事の2019年Editionで、Reactのフックが追加されています。以前の記事は下記をご覧ください。 ReactとVueってどう違う?全く同じアプリをReactとVueで作成してみて分かった相違点 隣の家の芝生は青く見える ReactとVueで作成し
最近リリースされたものを中心に、ひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。 レトロなフォント、漫画や同人誌にぴったりなアンチック書体、プログラミング向けの等幅フォント、タイトルやコピーに使えるデザインフォントなど、たくさんのフォントがリリースされています。 ※梅干フォントが新コミック体になってしまってます、、、 最近のだけでなく、これまで全部の日本語の無料フォントは下記をどうぞ。 2020年用、日本語のフリーフォント 417種類のまとめ 最新のフリーフォント、まずは縦組み・長文・文芸向けの「源暎ちくご明朝」から。 源暎ちくご明朝 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 源ノ明朝をベースにした、縦組み・長文・文芸向けをターゲットにデザインされた本文向け明朝体。東京築地活版製造所の五号活字(築五)の系譜に連なるオールドスタイルの仮名を持つフォン
オリジナルのアイコンを作るシンプルで簡単なデザインテクニックを紹介します。 円や矩形などの基本的な形を組み合わせたり、変形させたりして、さまざまなアイコンを作成します。 作業に慣れてしまえば、どれも1分もかからずにアイコンを作成できます。 The Super Simple Guide to Iconography 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 目のアイコンの作り方 矢印のアイコンの作り方 バッテリーのアイコンの作り方 箇条書きリストのアイコンの作り方 クラウドのアイコンの作り方 次に進むのアイコンの作り方 ファンネルのアイコンの作り方 プレイ・ポーズのアイコンの作り方 位置矢印のアイコンの作り方 位置ピンのアイコンの作り方 サウンドのアイコンの作り方 ウェーブのアイコンの作り方 Toptalのアイコンの作り方
当ブログでお馴染みの、また「Good Boy License」でもお馴染みのIcons8が数も品質も大幅にパワーアップし、更に完全日本語対応のアイコンサイトをローンチされました! Web上からでも、Mac, Winのアプリでも無料利用できるIcons8の使い方を紹介します。 プレゼントもあるので、記事の最後までお見逃しなく! プレゼントの応募期間は、2016年10月27日で終了しました。 Icons8 -史上最大級のアイコン素材 Icons8は、35,800個ものアイコン素材をコピペやドラッグ&ドロップでPhotoshop, Illustrator, Sketch, Xcode, Officeなどのさまざまなソフトウェアで簡単に利用できます。 もちろん画像ファイルとして保存もでき、個人でも商用でも無料です! 35,800個はビジネスからホビーまで全53カテゴリ、そのすべてがIcons8のデ
各企業の商品やサービスのプロモーションに関する課題を解決策として、応募者からアイデアを企画書形式で募集する販促会議の企画コンペティションで、受賞作品が決定したので紹介します。 『販促会議』11月号(Amazon)に掲載されていた販促会議企画コンペティションの受賞作品とファイナリストの中から特に面白いと思った企画・アイデアをいくつか紹介します。 雑誌には各スライド、応募者のコメントなども掲載されています。 販促会議企画コンペティション ※各敬称は略させていただきます。 ゴールド:マキレット 課題:ユーザーが高齢化しつつある「マキロン」ブランドの、20歳代の認知・使用を上げるにはどうしたら良いか。(第一三共ヘルスケア) 応募者:高橋直也/穴沢秀朗 Spc2014 24 from Kaigi Senden 使用率をあげるためには、新しい価値を与えることが必要! マキロンと言えば傷薬のイメージが強
Googleが提唱する「Material Design」は、Webページやアプリなどさまざまなメディアに採用されるようになってきました。そのMaterial Designの中の一つ、サイズやカラーや形を変えることができるデジタルの紙(クァンタムペーパー)をメタファにしたボタンを実装できるスクリプトを紹介します。 デモのアニメーション Quttonsの使い方 Step 1: 外部ファイル 当スタイルシートとスクリプト、jQueryとVelocityを外部ファイルとして記述します。 <head> ... <link rel = "stylesheet" href = "Path/To/Quttons.css" /> </head> <body> ... コンテンツ ... <script src = "Path/To/jQuery" type = "text/javascript"></scr
最近のWebサイトやブログで見かけるアニメーションを使ったさまざまなかっこいいエフェクトやコンテンツの見せ方を実装するCSSやJavaScriptのチュートリアルをCodyHouseから紹介します。 それぞれファイルを一式でダウンロードできるので、すぐに利用できます。 Fixed Background Effect デモページ 対応ブラウザ:Chrome, Safari, Firefox, Opera, IE9+ sectionやdivを垂直に配置した縦長ページで、背景を固定し、各コンテンツがカーテンを引き上げるようにスクロールするシンプルなテンプレート。
Webサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなったり、Chromeで使えるけど他で使えないなどあるので、ブックマークレットもなかなか重宝します。 ページにグリッドを表示した確認 レスポンシブWebデザインの確認 デザインの確認をピクセル単位でできる ページで使用しているフォントをチェック ページをワイヤーフレーム化 ページの構造が正しいか確認 マークアップのいまいちな箇所を指摘してくれる 背景を素敵なテクスチャに変えてみたい ページのパフォーマンスを確認 minifyされたCSSを見やすく表示 SEOやソーシャルメディアに大切な項目を確認 コードとアクセシビリティをチェック ページにグリッドを表示した確認
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く