どこでも使える無料のイメージとビデオ Pixabayは創作に意欲的なコミュニティであり、著作権フリーな画像や映像をお使いいただけます。すべてのコンテンツはPixabayライセンスにおいて公開されています。営利目的であっても著作者に対する許可やクレジットは不要で安全にお使いいただけます。 詳細情報...

なんかすごい思い付きで www.adventar.org に参加してみたんですけども。 気づいたらいつの間にか自分の日になっていて面倒くさくなってきて激しく後悔したびっくりしたという。 ぼくはWebディレクターでありデザイナーさんではないし、すてきデザインができるようなビジュアルセンスのようなものは、誠に残念ながら母上から授けられずにこの世に生を受けているものですから、"いわゆる"デザインはやらないんですが、その前の画面設計についてはワイヤーフレームなるものでいっつもやっておりますので、その観点からなんか書きましょうとそういうことですお母様（謎） そんなわけで、うぇぶぎょうかいのむめいでぃれくたーのお時間です。 Webディレクターとしてはえーと、もうすぐ丸１２年になります。そうするとまあ、たぶん数千ページは「ワイヤーフレーム」をつくってきたんじゃないかと思います。正確な数字はわかんないです

WebデザインはPCとネット環境さえあれば始めることができるので、独学でとりあえずやってみる、という方も多いのではないでしょうか。 この記事では、Webデザイナー初心者の方向けにデザインの基礎を学べるサイトを紹介します。理論的に学べる記事や実例が豊富な記事、テクニックも取り上げている記事など、どれも参考になるおすすめ記事を10個厳選しています。 １.  デザインを勉強したことがない人でもデザインできるようになるかもしれない４つの基本原則 「ノンデザイナーズ・デザインブック」のデザインの原則を基礎として、Webデザインではどう考えればよいのか？ という点を分かりやすく解説してあります。Web Design RECIPESのNoriさんの文章は硬すぎず、すっと頭に入ってきてとても分かりやすいです。 ２.  デザインの基礎力をワンランクアップしたい私（Webデザイナー）の注意書き １で紹介した記

Web制作をしていて、「あれ？あのショートカットなんだっけ？」「どのタグを使うんだっけ？」とうっかり忘れてしまうことはないでしょうか。そんなときにチートシートを活用すると、目的のショートカットやタグなどを素早く見つけられるので、いちいち検索する手間と時間が省けて効率的です。 そこで今回は、持っておくと役立つWebデザイン関連のチートシートを13個ピックアップしてご紹介します。 目次 Photoshop / Illustratorのチートシート コーディング関連のチートシート WordPress関連のチートシート Git関連のチートシート まとめ Photoshop / Illustratorのチートシート まずはWeb制作に必須のPhotoshopとIllustratorのショートカットをまとめたチートシートをご紹介します。持っておくと、まだ覚えていないショートカットや忘れてしまったショー

どうも〜、こんにちはぁ！もっともっとWebデザイナーとして成長したいライター、のび太です。 さて、突然ですが「Webデザイナーにとって必要な能力ってなに？ 」という疑問をもったことありませんか？つい最近フリーランスのWebデザイナーとして飯を食っていくことになった僕ですが、最近ますますその答えが知りたくなりました。 HTML、CSSなどのコードが書ける人？Photoshopでキレイなデザインが作れる人？Webについて詳しい人？いったい「Webデザイナー」ってなんなのでしょうね〜？ 僕はこれまでWebデザイナーに関する海外記事を多く読んできましたが、「へぇ〜、Webデザイナーってこんな能力もなんだなぁ〜。」って意外に感じたことが結構ありました。 今回はその中でも特に重要だと思った5つをピックアップしてご紹介したいと思います。 Webデザイナーがスキルアップするために必要な能力5つ 1. 事前

Webデザイナーのためのマーケティング基礎講座 1. Webデザイナーのための マーケティング基礎講座 Marketing Basic Course for Web Designers 2. ∼自己紹介∼ 名前： 枌谷 力（そぎたに つとむ） 所属： 株式会社ベイジ 職業： 代表／プロデューサー／アートディレクター 略歴： 立教大学文学部史学科卒。1997年∼2001年まで株式会社 NTTデータでコンサル営業に従事。その後、Web業界に転 職。Webデザイナー/Webディレクターとして6年間制作 会社でWebデザインやWebビジネスの提案業務に携わる。 2007年にフリーランスとして独立。2010年に株式会社ベ イジ設立。現在に至る。 Copyright©baigie inc. All rights reserved. 3. ∼本講義のゴール∼ “マーケティング視点”で デザインが見れるよ

Webデザインや紙のデザイン、プレゼンや企画書、そしてイラストや同人誌などの背景やトレースでも無料で利用できる、使い勝手のよい高解像度の写真素材がダウンロードできるサイトを紹介します。 クレジット表記やバックリンクの必要がないので、非常に利用しやすいと思います。 写真: Stokpic ここで紹介している写真素材サイトの多くのライセンスはCC0 1.0で、著作権による制限を受けずに個人でも商用でも無料で利用でき、クレジット表記の義務はありません。 参考: CC0について 写真素材サイトを縦断検索 無料の写真素材サイト 写真素材サイトを縦断検索

2024.08.052024年 夏季休暇のお知らせ2024.03.252024年 創立記念日 休業日のお知らせ2023.12.222023年 年末年始休暇のお知らせ2023.07.272023年 夏季休暇のお知らせ2023.03.272023年 創立記念日 休業日のお知らせ2022.12.212022年 年末年始休暇のお知らせ2022.08.052022年 夏季休暇のお知らせ2022.04.012022年 創立記念日 休業日のお知らせ2021.12.152021年 年末年始休暇のお知らせ2021.07.262021年 夏季休暇のお知らせ2021.04.202021年 ゴールデンウィーク休暇のお知らせ2020.12.08オフィス移転のお知らせ わかりやすく「伝わる」ホームページを！ カタツムリデザインのホームページをご覧いただき、誠にありがとうございます。 カタツムリデザインは、ホームページ

ferret編集部：2014年12月11日に公開された記事を再編集しています。 「デザインに関しては、全くわからないからデザイナーさんに全てお任せ！」 「デザインは感性や才能だし、なんて伝えていいかもわからない。」 と感じる方も多いのではないでしょうか？ デザインが本業でない場合、時間を割くのが難しいという担当者さんが多いのが現状です。 しかし、デザインの多くは原理原則や、法則に則ったうえで考えられています。少しでも理解することでデザイナーさんとの連携もスムーズになりますし、なによりクオリティが上がること間違いないです。 今回は、デザインの原理原則が分かりやすく書かれている記事をまとめました。 1.デザインの基礎 【追記あり】【初心者】デザインってなんだ？「デザイン」の概念と、４つの基本原則を知ろう こちらの記事では、そもそもデザインってどういうことか？といことから解説されています。 その

マイクロソフト、クラウドのシステム構成図に使えるアイコン集を公開。Windows Azure以外にも一般的なシステム構成図で使えそう マイクロソフトは、Windows Azure関連のシステム構成図を描くために使えるアイコン集「Windows Azure Symbol/Icon Set」を公開しました。こうしたアイコン集はすでにAmazonクラウドがすでに公開しており、多くの利用者に使われてます。 Windows Azure用に作られてはいますが、一般的なシステム構成図のためのアイコンも多く含んでいるため、さまざまな場面で利用できそうです。公開された多数のアイコンの中から、よく使われそうなアイコンを集めてみました。 データはPowerPoint形式、Visio形式、PNG形式で提供されています。GitHubやBitBucket、DropBoxなどのアイコンもあるので、デプロイ関連の図を描く

近年ウェブデザインに関する様々なテクニックや理論が注目されているが、ユーザーを引きつけるデザインとはなんだろうか。意識してこのサイトのデザインが好きだからと選ぶ人もいるが、大抵の人は無意識に感覚で選ぶことが多い。 私がデザインを勉強していて思うことは、無意識に選ばれるデザインこそが一般ユーザーから見た客観的なユーザビリティを理解したデザインができてい...

インターネットをビジネスに活用することが当たり前になり、競合他社がひしめく現在のWEB市場において、WEBデザインは以前よりも遥かに重要性を増している。 なぜなら、WEBデザインそのものが、コンバージョンを大きく左右する要素の１つとなっているからだ。 しかし、デザイン的に素晴らしいスキルを持っているデザイナーは数多くいるが、デザインとコンバージョンの双方にフォーカスしているデザイナーはまだまだ少ないように思う。 そこで、本日は、私自身の経験から、WEBデザイナーの方にも身につけておいて欲しい、コンバージョンを生むためのWEBデザインの考え方をシェアさせて頂こうと思う。 それでは、早速始めよう。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア8ヶ月で月間140万PVを実現したアプリメディアなど大きな成果を挙げ続け

自慢のWebデザインをもっと広めたい！自薦で登録できるWebデザインギャラリーサイトデザインの参考になるのはもちろん、見ているだけで楽しくなるWebデザインのギャラリーサイト。海外のギャラリーサイトでは英語圏以外の国のサイトも多数紹介されていますが、日本語サイトを見かけることが少ないですね。そこで今回は自薦・他薦問わずおすすめサイトの申請ができる国内外のギャラリーサイトをいくつか紹介します。 英語サイトでは「Submit」と書いているページから登録できます。もちろん中の人のチェックが入るため、登録したサイトが全て掲載するわけではありません。また、スクリーンショット画像は掲載決定時に中の人が用意するパターンと、登録時にこちらで用意しておくパターンがあります。こちらで用意する場合はサイズやファイル形式の指定があると思うので、注意事項をよくよんで準備しましょう。 海外サイトCSS Winner

Quick Links Jump right in Here we collected the most used Generative AI and Photo Editing features people are looking for! Limitless Artistry Generative AI Tools Explore Pixlr’s new AI Powered Generative Tools unleashing limitless creative possibilities. Perfect for both beginners and seasoned professionals, these tools redefine artistic expression with intuitive AI technology, revolutionizing you

CSSセレクタについての基礎知識 このブログで何回も説明していますが、念のために説明します。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの１つです。 セレクタ表の説明には属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 あと親子関係や兄弟関係などもあまり聞きなれないかもしれません。下の階層にある要素との関係が親子関係で、同じ階層にある要素同士の関係が兄弟関係です。 あと、CSS3と聞いて「どうせIE8以下はダメだし使えない」と思う方もいるかもしれませんが、セレクタに関しては簡単に対応できます。 IE6～8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」をご参考に。 それ

デザインにはかかせない写真やイラスト、動画などの素材サイトのまとめです。 gettyimages 商用利用：有料 素材：写真・イラスト・動画・音源