当サイトでも毎月の新作フリーフォントを紹介しているように、ウェブ上には無数の異なるスタイルや書体が存在します。手書きフォントやレトロフォント、SFフォントなど利用する書体を決めるのも一苦労です。 そんなフォント選びに悩んだときに最適なサンセリフ書体のフリーフォントを今回はまとめてご紹介します。 これだけは知っておきたい、フォントの基本をまとめました。 サンセリフ書体とは？ そもそもサンセリフ書体とは一体なんでしょう。Wikipediaを見てみると以下のように記載されています。 サンセリフ（仏: Sans-serif）とは、セリフのない書体の総称である。 セリフとは、文字の線の端につけられる線・飾りで、「うろこ」、「ひげ飾り」、「ひげ」とも呼ばれる。 旧来のセリフのついた活字書体（セリフ体・ローマン体とも呼ぶ）と区別するために用いられる用語。 サンセリフ書体は、ごちゃごちゃとせずにすっきりと

Photoshopにはノイズを加えるために、フィルタ「ノイズ」があります。しかし、そのまま適用するだけでは思った通りのノイズを作成することができないかもしれません。 一手間加えて、思い通りのかっこいいノイズを加えたグラデーションやテクスチャの作り方を紹介します。 How to create noisy by Stefan 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ノイズを加えたグラデーション その1: モノクロ2階調のシェードとグラデーション その2: ノイズを伴った、リソグラフのようなグラデーション その3: メゾティントでノイズを作成 ノイズを加えたグラデーション InstagramとBehanceにアップロードした私の作品は人気が上昇するにつれ、数多くのメッセージとそれをどのように作るのか質問を受けました。 これはR

最近のWebサイトやスマホアプリのデザインで人気が高い、色相を変化させた美しいグラデーション素材を紹介します。 Photoshop, Sketchのグラデーション素材として、またコードベースで利用することもできます。

ネットショップを開業して間もない頃は、商品の仕入先が不足しがちです。特に、セレクトショップ形式で自社商品を販売しないネットショップの場合、複数の仕入先を確保する必要があります。 しかし、開業直後はメーカーやサプライヤーとのつながりも浅く、求めている条件で商品を仕入れることは難しいでしょう。自社に「何が売れるか」という売上実績もなく、仕入れに不安を感じているバイヤーの方もいらっしゃるのではないでしょうか。 ぜひ、こうした状況に直面する方にオススメしたいのが、"ネット上の手続きだけで売れ筋の確認"や仕入れが行える" BtoB向けの仕入れ・卸売りサイトです。今回は、BtoB向けの卸売りサイトを9個まとめてご紹介します。 卸売りサイトを利用するメリット・デメリットも紹介するので、合わせて参考にしてください。 ▼少人数体制で売り上げUPも叶うECサイト構築サービスをお探しなら ネットショップのバイヤ

Did you know that a software framework or application can be implemented without requiring any coding knowledge? In 2024, it’s possible to create a digital workplace, applications ...

お馴染みの freepik.com 提供によるベクター素材をコリス限定で全員にプレゼント！ もちろん個人でも商用でも無料で利用できます。 今回は結婚式やパーティ、イベントなどの招待状に使えるベクター素材です。 freepik.comはウェブやグラフィックデザイナーのためのベクターやイラストやPSD素材の検索エンジンで、日本語環境でも利用できます。アイコンに特化したflaticon.comも運営しており、ついにそのアイコン素材は444,000個を越えました！ freepik.comでアイコンの検索する時は、下記のページからが便利です。 freepik.comでアイコンを探す またfreepik.comは、そのブログだけのオリジナルの素材を配布するコラボをしています。日本ではコリスが初、今回でいよいよ第34弾となりました！ 第21弾〜33弾まではこちら（※長いので、1〜20は省略）。 飾り罫・

「ロマンチックなコラージュ」「非現実的な風景」「幻想的なアートワーク」「ざらっとしたアナログ感」など、魅力的なビジュアルに仕上げるデザインテクニックを学ぶ、Photoshop最新チュートリアルをまとめています。 覚えておくと便利なフォトショップの小技から、魅せるデザインを得意としたグラフィックの作成、Photoshop CC新機能を使ったレタッチなど、実践で利用できるテクニックを中心に揃えています。 Photoshopの新テクニックはこれ！すごいチュートリアル、作り方30個まとめ 2017年5月度 Photoshopレタッチ�加工アイデア満載�！すぐに使えるチュートリアルまとめ フォトショップで水や波、海をうまくデザインする方法 Photoshopによるデジタルペイントをマスターするチュートリアルで、ストックフォトを参考に美しい海の波を描きます。 圧倒的な風景を描くデジタルペイントのテクニ

SNSやカメラが流行し、写真に対する加工レベルやカメラ本体の性能など、フォトグラフィックに対する関心は年々高まりつつあります。また写真を使用する業態の皆さまで、切っても切れない縁にある画像編集ソフト。業界で最も有名なものではAdobe Photoshopがありますが、機能が多様化し操作性が複雑なため、利用をためらう声もしばしば。 そんなPhotoshopの派生とし“写真編集をもっと身近に”というテーマのもと「Lightroom」というソフトが誕生しました。写真の整理や加工に特化した本製品。カメラ好きのアマチュアからプロカメラマンまで、幅広い利用者を持つLightroomについて、今回は実際の画面と共に解説していきたいと思います。 写真編集・管理ソフトAdobe Lightroom 機能紹介 ソフトの概要 LightroomはAdobeが提供する「Creative Cloud」という定額制の

個人のコンテンツ化やDeNA事件により、「情報」の価値や信憑性がますます淘汰されつつある昨今。WEBサイトという情報コンテンツも当然のことながら見直され、サイトを管理するCMSやお客様情報をやり取りするメールフォームなど、安心・安全なデータやり取りが求められています。 サイト全体をhttps（暗号化通信）にし、第三者によるデータの“盗聴”や“改ざん”を防ぐことができる「常時SSL」化。 セキュリティが高くなるだけではなく、実際にどんな効果があるのか？ 自分のサイトには必要なのか？ メリット・デメリットは？ ・・・と、SSLとWEBサイトの様々な関係性を解説していきます。 常時SSL化（https）とは 常時SSL化とは、URLが「http」ではなく「https」から始まり、全てのページをhttps（暗号化通信）にするという事です。 これによりログイン情報や決済情報、Cookieへの不正アク

D2Cは2016年1月～12月のインターネット広告市場における「デバイス別の広告費」「ビデオ（動画）広告費」「広告種別の広告費」と、2017年予測を発表しました。 2016年インターネット広告市場規模推計調査～D2C/CCIが独自推計～ http://www.d2c.co.jp/news/2017/04/17/1763/ 今回は、リリースには記載されていない広告フォーマット別市場規模等の詳細について、押さえておくべき3つの転換点として紹介します。 ■押さえておくべき3つの転換点 広告手法の転換 広告掲載先デバイスの転換 表現手法の転換 1.広告手法の転換 日本のインターネット広告媒体費は、前年比113%で2016年で1兆円に到達し、2017年も前年比112%と2桁成長を維持すると見込まれます。 広告タイプ別で2016年の内訳を見てみると、運用型71%(前年比119%)、予約型15%(前年比

話題のニュースNHK「ネット受信料」を新設、TVなし世帯を対象 ー ネットで批判的な意見が続出2017年6月27日32 毎日新聞によると、26日に行われた「NHK受信料制度等検討委員会」において、テレビを持たない世帯を対象に、新たに別の契約「ネットの受信料」を設ける中間答申原案をまとめたと伝えています。 TVない世帯に新契約、契約料は地上放送契約と同額とする案が浮上NHKホール = 筆者撮影毎日新聞が「NHK ネット受信料新設 検討委素案、TVなし世帯対象」と報道。記事によると、テレビのない世帯にたいして、新しい契約を設ける中間答申原案をまとめたとのことです。 毎日新聞の記事の要点をまとめると、以下のようになります。 現行の地上放送の受信料制度は継続テレビがなく、ネット同時配信のみを利用する世帯に、新契約(ネット受信料)を設立地上放送契約をしている世帯は、「ネット受信料」契約に該当しない受

最近リリースされたひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。 昭和レトロなフォント、縦書きの本文に適したフォント、タイトルやコピーにぴったりなデザインフォントなど、たくさんのフォントがリリースされています。 最近のだけでなく、これまで全部の日本語の無料フォントは下記をどうぞ。 2019年用、日本語のフリーフォント 366種類のまとめ 最新のフリーフォント、まずはかわいいデザインの「ポプらむ☆キュート」から。 ポプらむ☆キュート 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 かわいいの波及を追い求めて作成された「ポプらむ☆キュート」 通称ブリッコ文字・マンガ文字と呼ばれた昭和時代の女子校生に流行ったコミカルな変体のまる文字で、現代風のテイストを入れつつ、デジタル用にアレンジしてデザインされています。 ひらがな・カタカナ・英数記号文字だけでなく、JI

こんにちは、スニーカーが好きなまろCです。 今回は、スポーツブランドが作るサイトがやばい件ということでまとめます。 プロダクト自体の魅力や世界観がしっかりしているから、Webでもそれが“限界に挑戦する”という表現として現れており、作る側も楽しそうな感じがします。 NIKEさん、adidasさん、スニーカーをスポンサードしてください。よろしくお願いします。 adidas Climaroom http://japan.adidas.com/climazone 最初に目を引くのは文字のゆらぎです。 高気温下でも最高のパフォーマンスを発揮できるプロダクトのサイトの導入にピッタリで、かっこいいエフェクトだと思いました。 ▼こちらは英語版です。グローバルブランドならではの各国ver.を探してみるのも良いかもしれません http://www.adidas.co.uk/climazone ⠡⠌⠄⠂先⠅⠂⠌

変化の早いWeb業界では、デザインのトレンドも常に移り変わっています。 Webデザイナーは、常に最新の情報に触れ、新しいトレンドにアンテナを張っていたいものです。その理由はただ一つ、そうしなければ時代に取り残されてしまうからに他なりません。 そのため、新人Webデザイナーはもちろん、長年デザイナーの職務についている方も、日頃から情報収集するクセをつけることが重要となります。 そこで今回は、Webデザイナーなら必ず押さえたい "情報サイト" をまとめてご紹介します。 Webデザインに関わる最新ニュースがチェックできるサイトから、ハウツー系の情報が満載のものまで、様々なものを揃えました。Webデザインのトレンドをいち早く手に入れるためにも、ぜひ一度チェックしてみてはいかがでしょうか。 Webデザイナーがチェックすべき情報サイト20個まとめ 1.Photoshop VIP http://phot

WEBデザインは時代とともに流行やトレンドが生まれ、変わっていくものです。近年では様々なデバイスや技術の登場により、変化のスピードも早まってきました。そのため少し時間が経っただけで時代遅れのサイトと見なされてしまう可能性もあり、かっこいいサイトであり続けるためにはファッションと同じように常に最新のトレンドを取り入れていく必要があります。 今回は2016年に注目されたWEBデザインのトレンドから、2017年もWEBデザインの中心となるであろうレイアウトやデザインについて、事例とともにまとめました。 1. スプリットスクリーンレイアウト 通常のWEBページは画面全体を使って1つのページを構成していますが、スプリットスクリーンは画面の左右でデザインを分けてしまい、それぞれ別の目的の内容を表示するデザインです。分割スクリーン、分割レイアウトと呼ばれることもあります。近年、ディスプレイの解像度の増加

見ているだけで楽しくなる、個性豊かな新作フリーフォントをまとめています。個人利用、商用利用の可否についても一緒に記載しているので、デザインの目的に合った書体をスムーズに見つけることができます。 豊富なウエイトが揃ったシンプルな万能フォントから、トレンドを意識した手書きブラシフォント、読みやすさにもこだわった筆記体など幅広いバラエティが用意されているので、今後のデザイン案件に活用してみてはいかがでしょう。 デザイナーが愛用したい！こだわりの新作フリーフォント60書体まとめ 2017年5月度 デザインの腕が上がる、すごい新作フリーフォントまとめ Wavehaus Sans Typeface 太さの異なる極細から太字まで6ウエイトが揃ったサンセリフ書体は、使い勝手のよい万能スタイル。 ※　個人、商用利用可能 Chlakh 手書きされたレトロ系フリーフォントで、温かみのあるデザインに仕上げます。

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

CSSの知識は必要なく、そして時間もない時に、簡単にいい感じのデザインになるCSSのフレームワークを紹介します。 CSSが苦手な人に、バックエンドで作業する用の即席プロトタイプにも最適です。 既存のHTMLに一行、もしくは二行追加するだけで簡単に利用できます。 sakura sakura -GitHub sakuraの特徴 sakuraのデモ sakuraの使い方 sakuraの特徴 かなり古くさいデザインのページでも、モダンなページでも、わずか数秒で見栄えのよいページにすることができます。 使い方は簡単。外部ファイルを加えるだけで、既存のHTMLでさえも見栄えのよいデザインを適用できます。 即席のプロトタイプにも最適。特にバックエンドで作業する時に、簡単にスタイルを適用できます。 友達や叔母さんなど、CSSが難しいという人にも美しいブログが構築できます。 他のすべてのCSSフレームワーク

By submitting email you agree to get Bored Panda newsletter. We respect your privacy. We will not publish or share your email address in any way.

本当に脅威だけなのか 既に来ている機械化の波とデザイナーができることで、私たちが使っているデザインツールにも AI が使われていることを紹介しました。2017 年版の Photoshop には人工知能を活用した機能が実装される噂もあります。デザイナーが人工知能と一緒に働くことは、遠い未来ではなく、今起こっていることと言えるでしょう。 AI や機械学習は、仕事を奪う脅威と言われています。これから 20 年間でおよそ半分の仕事が AI によって入れ替わるという話もありますし、クリエイティブの仕事だから絶対安全とは言えません。特にただ作るだけという製造業に近いデザインワークは減少することになるでしょう。コーディングもそうで、pix2code のようにスクリーンショットからコードを生成する技術もでてきています。 「作る」という行為をデザイナーの仕事と定義してしまうと、先は明るくないかもしれません。