ノンデザイナーにもうれしい！簡単に本格的なデザインが作れる「Adobe Spark」を使いこなそう
さまざまな業務を兼任しなければならない中小企業では、簡単なホームページ作成や画像加工、動画作成など、デザイナーではない方でも一部のデザイン業務を任されることが多々あります。 デザイナーであればPhotoshopやIllustratorなどを使いこなして業務にあたることもできますが、ノンデザイナーの方にとっては頭を抱えてしまう業務のひとつなのではないでしょうか。 PhotoshopやIllustratorなどを提供しているAdobeから、デザイナーの方はもちろん、ノンデザイナーの方でも簡単に本格的なデザインを作成できる「Adobe Spark」というアプリケーションが提供されています。 直感的に使用できるインターフェイスで誰でも簡単・手軽に取り組むことができますので、デザイナーではないのに「急遽バナーを作成をすることになった」「PhotoshopやIllustratorなどを学んでいる時間が
box-shadowはもう古い？CSS新時代の「影の落とし方」
長い間Webデザイナーが愛してやまないものの1つに*「box-shadow（ボックスシャドウ）」*があります。 Photoshopのような特殊なソフトウェアを使わなくとも、コードだけで影を落とすことができるという点で、Webデザイナーの中で大変重宝されていたプロパティです。 box-shadowの歴史は長く、2005年時点でW3C内でbox-shadowの草案が発表されました。影を落とす時に、影の長さや角度、色や透明度まで指定することができるので、この技術が登場した当初は感動した方も多いのではないのでしょうか。 しかしながら、box-shadowを使った影の落とし方は、登場から10年以上経過した現在、その使い所を考えていく必要があります。それはブラウザが様々なプロパティをサポートしたことが理由であり、影の落とし方を再考してみるのも大切です。 そこで本稿では、CSS新時代の影の落とし方につい
コピペで実装！CSS3でオシャレなデザインのサンプルコード47選
2015年7月14日の記事を再編集しています。 CSSの新しいバージョンであるCSS3は、アニメーションなどの新機能が追加となったことで従来のCSSよりもグッと便利になりました。CSS3を使えば今までよりも様々な表現ができ、ホームページを魅力的に演出してくれます。 しかし「使ってみたいけれども難しそう……」という方も多いのではないでしょうか。そんなCSS3初心者の方には、サンプルコードを活用することをオススメします。コピペするだけでCSS3を使ったテクニックを取り入れることができますので、試してみましょう。 今回は、CSS3でオシャレなデザインのサンプルコードをまとめてご紹介します。 CSS3で実装できるオシャレなサンプルコードまとめ 1. HTML5＋CSS3でデザインしたtableのCSS＆HTMLサンプルソース5点｜株式会社LIG https://liginc.co.jp/web/h
デザイナー注目！iPhone 8＆iPhone Xの無料PSD素材15選
9月にAppleが発表したiPhone 8やiPhone Xは、ワイヤレス充電をはじめとしたさまざまな特徴を持ち、Apple製品のファンはワクワクが止まらなかったことでしょう。 そして、新製品の発表によって、Web担当者やアプリ製作者は、その新機種との互換性を対応したり、デザイナーは新しい機種を使ったスクリーンショットに差し替えるなど、さまざまな対応に追われることとなるでしょう。 今回は、iPhone 8＆iPhone Xの無料PSD素材を集めました。 とりわけiPhone Xは歴代のiPhoneに比べて特異な形をしているので、素材が見つけづらいかもしれません。 こうした素材を利用して、ぜひホームページやアプリ制作にお役立てください。 iPhone 8＆iPhone Xの無料PSD素材15選 1. iPhone 8 PSD Mockup スクリーンショット：2017年10月 iPhone
勉強会や交流会の開催も！Webデザイナーなら知っておきたい業界団体まとめ
Webデザイナーにとって最新のトレンドやノウハウを得られる機会は見逃せません。 特にフリーランスのような組織に属さないデザイナーにとって、業界団体の交流会やセミナーは貴重な情報収集の場となるでしょう。 今回は、Webデザイナーなら知っておきたい業界団体をまとめて紹介します。 それぞれの団体では基本的に会員名簿を公開しています。所属している会員や、掲載されている情報を参考にして、自分の興味関心に合った組織を見つけましょう。 Webデザインに関連した業界団体 1.一般社団法人日本Web協会（JWA） https://www.jwa-org.jp/ 日本Web協会は、2012年7月に日本Webデザイナーズ協会（JWDA）とモバイルマーケティングソリューション協議会（MMSA）が統合してできた組織です。 ディレクション・アナリスト・デザインの各委員会が存在し、合同プロジェクトの立ち上げなど独自の活
AMP（Accelerated Mobile Pages）とは？今から導入するための基礎知識と手順書マニュアル
*AMP（アンプ）*とは、「Accelerated Mobile Pages」を略したもので、Googleが推奨するモバイルページの表示速度を高速化してユーザー満足度を高める手法のことです。2016年、アメリカで先立って始まったAMPは、6月20日に日本でも対応開始。今では数多くのWebページがAMPに対応しています。 今回は、AMPの基礎知識や導入方法について解説していきます。 目次 AMPとは AMPに対する各プラットフォームの現状 Google Yahoo はてなブックマーク AMPが速くなる仕組み プリレンダリングに最適化 JavaScriptが使えない ローディングに優先順位がある AMPを構成する3要素 AMP HTML AMP CDN AMP JS AMPを利用するメリット コンテンツが高速表示される 通常検索結果枠とは別の枠で表示される ユーザーのストレスを軽減できる 検索
サクッと資料を作ろう！無料で使えるExcelテンプレートがダウンロードできるWebサイト11選
ビジネスにおいて数字の管理はもちろん、なにかとExcelを使用している方は多いでしょう。 しかし、一から自分で作成するとなると、意外に手間も時間もかかってしまうもので、目的によってフォーマットを準備する必要があります。 今回は、無料でさまざまなテンプレートがダウンロードできるWebサイトを種類別にご紹介します。 テンプレートを使用すれば、整った資料をすぐに作成することができるので、まずは目を通してみてはいかがでしょうか。 このニュースを読んだあなたにオススメ 【ビジネスマン必見】Googleスプレッドシートの裏ワザ・アドオン・ショートカット16選 誰が見ても一瞬で伝わるレポート資料の作り方 顧客管理 1.中小企業家スタジアム エクセルカードHARI カスタマイズ性が高いので、管理したい項目や内容を自由に変更することができます。 ハガキや封筒などの宛名印刷も可能です。 2.Vector 顧客
レスポンシブ対応のCSSフレームワーク22選
手軽に素敵なホームページを作成することができるCSSフレームワークが沢山登場しています。アイコンなども全てセットになったものなどもあり、コーダーでなくとも簡単に作業できることから人気を博しています。 今回は、レスポンシブに対応したCSSフレームワークをに紹介します。CSSフレームワークを選ぶ際の参考にしましょう。 CSSフレームワークとは？その特徴とメリット CSSフレームワークを簡単に言うと、Webサイトに必要なパーツや主な機能などがセットになったパックのことです。Webサイトをデザインするとき、通常はイチからデザインを考えて、パーツを揃え、CSSを記述していく必要があります。これは時間がかかる上、Webデザイナーやエンジニアなどの専門家がいない場合、整ったデザインのWebサイトを制作することは非常に困難だと言えるでしょう。 そんなときに便利なのがCSSフレームワークです。CSSフレーム
WordPressの使える高品質テンプレートまとめ
オープンソースのCMSでカスタマイズを自由に行えるWordPressは、プラグインやデザインテーマ、テンプレートが豊富で世界中で作成・共有されています。 今回は、豊富にあるテンプレートの中から特に高品質なもの厳選してご紹介します。 レスポンシブデザイン対応やスマホ対応しているものもあるので、自社の状況に合わせて選択しましょう。 1.全て無料！最近公開・更新された最新WordPressテンプレート10選 https://ferret-plus.com/2195 無料ではあるものの、定期的に更新がかけられている、安心して利用できるテンプレートを中心にご紹介しています。 ソーシャルメディアとの連携やSEOに適した構築のものなど、どれも無料とは思えない充実した機能が揃っています。 2.厳選！WordPressの有料テンプレート8選 https://ferret-plus.com/2196 Word
著作権切れの絵画や工芸品の画像を提供するコレクションサイト8選
デザインをする中で、アンティークな雰囲気を出したいという場合もあるのではないでしょうか。 そんな時ヴィンテージ感のある画像があれば大変便利ですが、それが歴史ある名画であったりすると、著作権の問題などで自由に使えない画像も数多くあります。 そこで古美術作品から古い書籍の写真、地図や挿絵など色々なヴィンテージ画像を利用することが可能なサイトをまとめてご紹介します。 ※各サイトの素材数、利用に関する情報などは執筆時点である2016年1月14日の内容です。今後変更となる可能性があるのでご注意ください。 マーケ思考のデザイナーは強い！ 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト」などに携わるデザイナーの皆様に向けての資料です。成果を出すデザインにするために心がけたいポイントを制作前、制作中、提出と修正、公開後の効果検証まで一連の流れに沿ってまとめています。 歴史的な
大きな画像にも使いやすい！背景デザインに使える無料パターン素材98選
季節が変わるごとに、多くの企業ではホームページやブログ、チラシ、ネットショップのビジュアルを大きく変えているのではないでしょうか。四季のある日本だからこそ、デザインにおいても季節感の演出は欠かせません。 しかし、何度もデザイン変更を行うのは予算・作業時間の面を考えると大変なことです。そこで、簡単にイメージチェンジをすることができるパターン素材を利用しましょう。パターン素材とは、好きな柄を自由な範囲にテクスチャできる素材のことです。つなぎ目のないシームレスな素材もあるため、背景や壁紙といった広範囲にも使いやすくなっています。 今回は、背景デザインに使えるフリーパターン素材をまとめて紹介します。どれも無料でダウンロードできますので、気になるデザインがあればダウンロードしてみてください。 マーケ思考のデザイナーは強い！ 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト
デスクトップの整理におすすめフリーソフト12選
毎日のように使うパソコン。 日々の忙しい中ではなかなか取捨選択ができず、とりあえず「デスクトップに置いておく」ようなことがあるのではないでしょうか。 不要なファイルやアプリはすぐ削除したり、フォルダで振り分けることを習慣づけることが大切です。 今回は、デスクトップの整理にオススメのアプリ・拡張機能をご紹介します。 オススメの整理整頓アプリ・拡張機能 1.Fences http://www.stardock.com/products/fences/ 30日の無料トライアルが基本になってしまったことが悔やまれますが、それでも定番のデスクトップを整理するアプリケーションです。 アプリ名通り、デスクトップ上に「囲い」を設置し、その囲いごとにファイルやフォルダを振り分けることができます。 囲いごとにラベルを付けられるので、囲いの中に使用目的や内容が共通したファイルを置いておくことで整理整頓が可能にな
和風デザインは完璧！Photoshopの無料パターン素材まとめ
和風テイストのデザインをしたいと思った時、意外と見つからないという経験がないでしょうか。 無料素材といえば海外サイトで多く配布されていますが、正統派な和風素材はなかなか見つけにくいです。 今回は、和風のパターン素材を60個まとめてご紹介します。 きっとこれだけあれば和風のデザインに困りませんので、ぜひデザイン作業にご活用ください。 無料で使える和風パターン素材 1.Japanese style pattern http://gimei.deviantart.com/art/Japanese-style-pattern-102424198 日本ならではの和柄19種と、シンプルな和柄20種をセットにしたボリュームたっぷりなパターン素材セットです。 2.Origami paper texture pack http://andrea-koupal.deviantart.com/art/Origa
WordPressで予約システムを設置できるプラグイン9選＆無料ツール3選を紹介
営まれている業種によってはサイトに予約機能を追加することで、従来なら人が行っていた予約の受付から顧客の管理までの業務すべてを自動で行えるため、大きな業務効率化になりえるでしょう。 WordPressでも、プラグインを活用すれば予約システムを設けることができます。また、サイトに予約システムを設置する別の方法として、予約システム作成ツールを使うこともできます。 今回は、WordPressで予約システムを利用するメリットを紹介するとともに、予約システムが設置できるプラグイン、サイトに予約システムを埋めることができるツールをご紹介します。お試し感覚で導入できますので、緊急で使いたいという方や、気軽に試したいといった方は検討してみてはいかがでしょうか。 【有料ユーザー数No.1】ノーコード&30秒で予約受付フォームの作成ができる「formrun」はこちら！ 直感的な操作で作成と設置が可能で、顧客管理
デザインの雰囲気が手軽に変わるオススメPhotoshop無料テクスチャ50まとめ
テクスチャ素材はWebデザインはもちろん、グラフィックデザインなどあらゆるシーンで便利です。 最近では重ねるだけで手軽に印象をアップできるものなど新しいスタイルのテクスチャもどんどん増えてきており、取り入れるだけでデザインをぐっと良くしてくれるのでデザインに携わる機会があれば是非活用したいアイテムです。 今回は、photoshop無料テクスチャを50個厳選してご紹介します。 トレンドになっているポリゴンスタイルから、アートワークに重ねられる質感系テクスチャといった使いやすいものばかりです。 いずれも無料ですので気に入ったものがあれば是非デザインに取り入れてみてください。 photoshop無料テクスチャまとめ 1.3 Wood Panel Textures http://www.photoshoptutorials.ws/downloads/textures-downloads/free-
Instagram風に写真を加工するアクションファイル50選
スマートフォンの普及などがきっかけとなり、写真撮影をする機会が増えてきました。 それに伴って、写真をより魅力的にしてくれるアプリなどが非常に人気で、InstagramのようなSNSにも写真を加工してアップロードする方が女性を中心に多くいらっしゃいます。 今となっては、女性が好む写真にするには加工が必須と言っても過言ではありません。 Instagram風に女性好みの写真に加工したいときは、Photoshopのアクションが便利です。 利用する際は、アクションを再生すると一瞬であらかじめ設定した加工を施してくれ、写真を素敵に仕上げてくれます。 今回は、女性が好きそうな写真に加工できるアクションファイルをまとめでご紹介します。 写真を可愛くお洒落にしたい方、女性をターゲットにしたビジネスをしている方はぜひ参考にしてみてください。 Instagram風に写真を加工するアクションファイル50選 1.F
オシャレなアイコン使いに重宝する無料ピクトグラム28選
ピクトグラム素材は、WebデザインはもちろんDTP、パワポ資料、広告とあらゆるシーンに活用できます。 最近ではシンプルなフラットデザインがトレンドということもあってか特に使用する機会が増えてきています。 そんなピクトグラム素材は無料でもあらゆるデザインのものが手に入り大変便利です。 今回は、無料で高品質のピクトグラムをピックアップしてご紹介します。素材をお探しの際には是非参考にしてみてください。 無料ピクトグラム28選 1.iconSweets2 http://iconsweets2.com/ シンプルデザインの定番アイコンが、編集可能なPSD形式でダウンロードできるアイコンセットです。 小さいアイコンから大きめアイコンまで3サイズが揃います。 2.iconmonstr http://iconmonstr.com/ PNG、SVGの2種類の形式でダウンロードできるのが嬉しいアイコン集です。
Webデザインで困ったときの駆け込み寺、有益な情報を発信するブログ30選
Webデザインを学ぶには、本を購入したり、スクールに通うという方法もあります。 しかし、やってみると難しさを感じたり、実践的な内容ではないと感じる方も多いはずです。 現場で役立つスキルを効率よく習得するなら、Webデザイナーの方のブログを見るのがオススメです。 最近ではWeb関係の有益な情報を発信しているブログが多く存在し、独学でもWebデザインのスキルをしっかりと身につけることができます。 ここではWebデザイナーなら見ておきたい、Webデザイン・制作周りの知識が学べるブログを30に絞ってご紹介します。 すでにデザイナーとして活躍している方はもちろん、これから勉強したいという方にもオススメです。 Webデザインに関するブログ30選 1.Webデザインレシピ http://webdesignrecipes.com Webデザイン、WordPressからCSS、jQuery 、Photosh
保存版！無料で動画素材がダウンロードできるサイト17選
最近では初心者でも動画が作れる時代になりました。PCに標準で編集ソフトが入っていて、手元にあるものだけでも始められます。ビジネスにおいても動画広告をはじめ、動画を活用したプロモーションが増え、自社で動画を制作する機会も多くなってきました。 けれども手元にある素材のみでは味気ない動画しか作れない…と感じたことはありませんか？そのような場合は、フリー素材を活用してワンランク上の動画を目指しましょう。今回は、モーション素材・動画素材が無料でダウンロードできるサイトをまとめて紹介します。 ▼合わせてチェック▼ 動画編集に便利！ロイヤルティフリーの音声素材をダウンロードできる海外サイト7選 目次 モーション素材・動画素材がダウンロードできるサイトまとめ PIXTA NHKクリエイティブライブラリー pixabay mixkit ニコニ・コモンズ ハイビジョン映像素材集 orangehd.com Af
Instagram（インスタグラム）の友達を増やしたい人のためのハッシュタグ45選！【ジャンル別】
近年のSNSでも特に勢いがある「Instagram」。人気ゆえに高い拡散力を誇っています。しかしハッシュタグをうまく活用できていないと、膨大な投稿に埋もれてしまい、注目を集めるのは至難の技です。 今回は、「どんなハッシュタグを付ければ効果的かわからない」という方に向け、ジャンル別におすすめハッシュタグを紹介します。人気インフルエンサーも使っている数々のハッシュタグをあなたもぜひ試してみてください。 あらゆる写真に使える人気のハッシュタグ 1.#love https://instagram.com/p/1uLh3FGUkU/ とにかくよく使われているハッシュタグです。 家族写真からカップルの写真、友人との写真まで幅広く多様することができます。 2.#tbt https://instagram.com/p/BItacx9hrd-/ “Throwback Thursday”を略した言葉で「木曜日
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
