Photoshop をしっかり学ぶ！参考にしたいテクニックや作り方30個まとめ 2017年4月度
フォトショップを本格的にはじめてみたいけど、なかなか最初の一歩が踏み出せない。豊富すぎる機能の揃ったツールのため、なにから覚えていいか分からないというひとも多いでしょう。 今回ご紹介するPhotoshopチュートリアルは、基本操作から各ツールの実践的な使い方まで、入門ユーザー必修の機能を効果的に学ぶことができます。手順ごとに詳しく解説されているので、これからフォトショップをはじめる人にオススメしたいテクニックが揃います。 フォトショップ初心者のためのやさしい使い方・基本設定ガイド Photoshopをしっかり学ぶ、入門デザインテクニック集めました。 Photoshop をしっかり学ぼう！参考にしたいテクニックや作り方まとめ Photoshop CCの基本 第2回：「選択とマスク」で素早く合成！ Adobe 公式によるデザインチュートリアルで、“イマドキ”のWebデザインに欠かせない、Pho
ずっと使える、デザインの基本まとめました。【2020年改訂版】
「デザイン」に対して興味のあるすべての人を対象に、いつまでも長く利用できるデザインの基礎テクニックを、これまで当サイトで紹介したエントリーの中から、各ポイントごとにまとめました。デザイン入門編として覚えておきたい基本から、サンプル例を見ながら理解できる、より実践的なデザインテクニックまで幅広く網羅しています。
美しい幾何学パターンを利用した、50個のデザインアイデアまとめ
これまでに幾何学パターン（英：Geometric Pattern）を、デザインにうまく活用したことはあるでしょうか。すこし変な質問に聞こえるかもしれませんが、幾何学パターンはとても使いやすいデザインツールです。 うまくデザインに取り入れることで、とても柔軟で効果的なビジュアルに、機能性を兼ね備えているケースもたくさんです。今回は、幾何学パターンをうまく利用する、50個のデザインポイントを、参考サンプル例と一緒に見ていきましょう。 詳細は以下から。 01. バランスを取ろう。 注目を集めたいときに、幾何学パターンは有効なデザインアイデアと言えますが、たくさんの素材を組み合わせるときは、余白スペースなどの要素を加えて、全体のバランスを検討しましょう。 以下のサンプル例では、鮮やかで大胆なデザインパターンが活用されていますが、パンフレットの中はよりシンプルとなっています。複数のパターンを利用する
媒体資料（メディアガイド）を制作した時の手順【デザイン編】 - Design Color
1. 使用フォント・サイズを決める いざ資料を印刷してみた時に、「なんだか読みづらい」と感じる資料だと商談相手に読んでもらえないかもしれませんよね。手に取った時にきちんと内容が伝わるよう、適切なフォントや文字サイズを知っておきましょう。 基本的にはゴシック体を使用する 明朝体は可読性（長い間読んでいても疲れにくい「読みやすさ」のこと）が高いフォントと言われていますが、媒体資料の場合は疲れが生じるほど長文になることはほぼありません。であれば、視認性（パッと見ただけでも認識できる「見やすさ」のこと）の高いゴシック体を使うのがベターです。 とは言っても、必ずしも明朝体を使うのがNGということでもありません。例えば、「BLOGOS」の媒体資料では、見出しや短いテキストに明朝体が用いられており、それによって媒体の洗練された雰囲気が強く印象づけられています。 基本的には資料にはゴシック体を用いたほうが
現役デザイナーが教える、ロゴを5分以内に無料で作成するテクニック
この記事を読み終わったとき、デザイナーを雇わずにおよそ５分ほどでロゴを作成できるようになります。Nike や Apple ほどのロゴは作成できませんが、プロジェクトを進めるのに十分なロゴは作成できるでしょう。 ではデザインをはじめる前に、Sketch または Figma、 Illustartor（どれも無料トライアルを提供しています。）などのプログラムからひとつをダウンロードしましょう。テキストとシェイプツールのみを利用するので、怖がることはありません。 準備はできましたか？今回はサンプル例として、ミレニアル世代を対象にダンスの動きやトリックを投稿するアプリ、Dancygram のロゴを参考に作成していきましょう。 ステップ1: クラシックフォントのひとつを選ぼう. 以下にリストアップしたフォントは、すでに試行錯誤を繰り返した信頼できるデザインばかりです。多くのデザイナーはショートカットと
現役Web制作スタッフが選ぶデザインの参考になるギャラリーサイトまとめ33選 | ページ 3 / 4 | 東京上野のWeb制作会社LIG
こんにちは、Web制作会社「株式会社LIG」の代表取締役会長、ゴウです。 今回、LIGで働くWebデザイナーとディレクターにアンケートを取り、制作する際に普段参考にしているかっこいいサイトや、おしゃれなギャラリーサイトを集めてみました。 毎日仕事で使っている彼らのチョイスなので、かなり実践的で参考になる、かっこいい・おしゃれなサイトが集まったと思います。 全部で27個も集まったので、ジャンル別に分類もしました。それではいってみましょう！ デザインの引き出しを増やすには？ デザインの引き出しを増やすには、インプットのほかに、自分のアウトプットに対して誰かからフィードバックをもらうという方法もあります。周りに相談できる人がいなければ「スクールでの勉強」もおすすめです。 💡現役のプロからデザインを学べる「デジタルハリウッドSTUDIO ｂｙ LIG」の詳細はこちらから ※このページは、2021
家でもお弁当を！美濃焼のお弁当箱〈ieben〉。料理家・窯元・デザイナーがコラボした逸品
writer profile Yu Miyakoshi 宮越裕生 みやこし・ゆう●神奈川県出身。大学で絵を学んだ後、ギャラリーや事務の仕事をへて2011年よりライターに。アートや旅、食などについて書いています。音楽好きだけど音痴。リリカルに生きるべく精進するまいにちです。 おいしいものを詰めるとき、 蓋を開けるとき、わくわくしてしまうお弁当。 携帯食は世界中にあるけれど、 お弁当箱が発達しているのは、日本がダントツなのだとか。 今日は、そんなお弁当を家でも楽しむために生まれた、 美濃焼のお弁当箱〈ieben（イエベン）〉をご紹介します。 likestoneシリーズ〈ieben〉色は織部グリーン、黄瀬戸、ホワイトの3色。サイズは大と小があります。 手がけたのは、お弁当を愛する料理家、野上優佳子さんと 岐阜県の窯元〈芳泉窯（ほうせんがま）〉の北邑（きたむら）宜丈さん、 プロダクトデザイナーの島
Webデザイナー向け配色ガイド！すぐに役立つカラーパレット50個まとめ
Facebookのブランドカラーが青色なのは、マーク・ザッカーバーグが色盲だったから、という話を知っているでしょうか。 「青は私にとって、もっともリッチな色で、すべての色合いを識別することができる。」とザッカーバーグ氏は述べています。配色を決める作業は、まったく科学的には見えないかもしれませんが、配色に関してたくさんの研究やアイデアが用いられています。 商品に対する評価の90%以上は、色によって判断されていると Buffer では紹介されている通り、どんなデザインにおいても、いかに配色をじっくり検討するべきか分かります。特にウェブサイトでは、ユーザーが配色を気に入らなかった場合、あまり長くはサイトに滞在してくれないでしょう。 ウェブデザイン制作で配色の参考にしたい、さまざまなWebサイトから集められた、50種類の美しいカラーパレットを今回はまとめています。コピー＆ペーストで利用できる、カラ
hr要素のデザインサンプル 12 - NxWorld
hr要素は罫線を表示させるもので、話題を変えるときの目印となる区切り線などとして用いられます。 どのブラウザでも完璧に同じ見栄えをとなると背景画像とかがやはり手っ取り早いし無難なんですが、やろうと思えばCSSだけでも結構いろいろとできるので、備忘録兼ねてhr要素をスタイリングしたものをまとめてみました。 ここで紹介しているものは、ブラウザによっては（特にCSS3を用いているもの）ちゃんと表示されません。 また、多用する人も多いと思う破線や点線もブラウザによっては多少見栄えが違ったりするので、使用する際はあらかじめ注意が必要になります。 はじめに ここで紹介しているものは、すべてHTMLは<hr />のみです。 また、それぞれのhr要素にはデフォルトスタイルとしてあらかじめ下記のようなスタイルを指定してあります。
【デザイナー厳選】バナーデザインの参考ギャラリーサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
みなさんこんにちは！ Webデザイナーのえびちゃんです。 バナーデザインを作成していると「レイアウトが上手くいかない」「バナーの参考を上手く探せない、ギャラリーサイトも古いのばかり」「最近のトレンドってどんな感じなんだろう？」……などなど、デザインの悩みってたくさん出てきますよね。 そこで今回は、そんなあなたに現役デザイナーがおすすめするバナーデザインの参考サイトをジャンル別に分類して紹介します！ 後半では実際に効果の高かった広告バナーのデザインも紹介しているので、ぜひ参考にしてください。 「ググってわからないこと」が一瞬で解決するかも？ Webの知識を効率的に学びたい、未経験からWeb業界への転職・就職を目指している、誰かに教えてもらいたい……という方へ。LIGが運営のWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」では実践的なカリキュラムで最短6ヶ月でWe
デザイナーが確認しておきたい、デザインリソース完全ガイド 2016年度
オンラインホームページ作成ツール Webydo で働いている現役デザイナー達が、普段からよく利用している、作業を楽にするオンラインツールやリソース75個をまとめています。 ウェブサイトでよく利用する写真の見つけ方や最適化方法から、アイコンやフォント、配色などデザイナーが一度は困ったことのある問題を解決してくれる凄腕ツールが揃っています。現在の制作フローに活用し、より快適な作業を実現しましょう。 コンテンツ目次 イメージ画像・ビデオ動画の関連ツール アイコン関連ツール 書体、フォント関連ツール 配色カラーツール モックアップ＆プロトタイプツール ウェブサイト制作ツール コラボレーション、作業効率ツール デザインコミュニティーサイト オンライン・ラーニング、スクール イメージ画像・ビデオ動画 ShowBox – ブラウザ上からスタジオ制作されたような、高品質なビデオ動画を作成できます。 Cov
結婚式の配色はこれだ！参考にしたい美しい色の組み合わせ25個まとめ
結婚式で使われる配色は、お好みの雰囲気を演出することが大切です。またそれだけに限らず、結婚式のフォトフレームのカラーバリエーションや、新郎に似合う背広の色など、細かい配色も考える必要がでてきます。しかし、もっとも重要なのは、選んだ配色が結婚式とうまくマッチしているかどうかです。 配色を選ぶときにもっとも大変なのは、新郎と新婦のように、調和よくバランスを保つことです。今回は、実際にデザインされた結婚式の招待状をモチーフに、美しい配色の組合せ25個をまとめてご紹介します。配色をコピー＆ペーストできる HEX 値もそれぞれ記載しているので、制作の参考にしてみてはいかがでしょう。 詳細は以下から。 結婚式の配色に悩まない！参考にしたい美しい色の組み合わせ25個まとめ 01. Pastel Peach 水彩絵具でペイントした、パステル系のピンク色とみどり色の組合せが美しい配色で、ガーデンスタイルの結
DESIGN ARCHIVE vol.3｜迷ったときにすぐに役立つ！配色デザインアイデア|haconiwa
色の組み合わせがカンタンにできる！おすすめ配色パターン こんにちは。Keinaです。 デザインの基本といえば、配色デザイン。 学生の頃に色彩論を勉強したことがあるんですが、 色について知れば知るほど、デザインするのが楽しくなりました。 本日は、なんとなく色を選んでしまっている初心者さん、ついつい好きな色にかたよりがちの方のために、 迷ったときにすぐに役立つ！配色デザインアイデア3つをご紹介します。 01. 写真の配色から色を探してみよう 日常や旅で撮る写真には、必ずいい色が隠れていることが多いです。 撮った写真をPhotoshopで開き、ドキュメント内から好きな色を探して「スポイトツール」で直接クリックするだけで色が抽出できます。自分のパレットに思い出の色をプラスするのも楽しいものです。 春色を選びたいとき 春に咲く「花」の写真を使って色を選んでみましょう。 （ 権現堂桜堤の桜 #f0d7
使いやすいフォント、増えてます！参考にしたいすごいフリー素材45個まとめ 2016年7月度
毎月公開されたデザイン性の高いフリーフォントのみをピックアップし、まとめてご紹介しています。今回は、2016年7月度のフリーフォントまとめです。 どんなデザインにも適したシンプルな万能フォントから、ハンドメイド感を演出するブラシスタイル、入力するだけで美しい筆記体など、デザイントレンドをうまく反映した幅広いバラエティ、合計45個のフリーフォントが揃います。見逃している素材がないか確認してみてはいかがでしょう。 詳細は以下から。 使いやすいフォント、増えてます！参考にしたい すごいフリーフォント45個まとめ The Tropical Font 暑い季節にぴったりなデザインで、ハンドメイド感を演出する手描きスタイルのフォントセット。 ※ 個人利用可能 Actonia 楽しくにぎやかな雰囲気づくりにオススメの筆記体。 ※ 個人利用可能 Kano Typeface シンプルでモダンな印象の細字フォ
もう迷わない！見出しデザインの基本理論とアイデア集 | それからデザイン スタッフブログ
見出しはデザインの印象を大きく左右する要素のひとつ。デザインをしている人ならこの箇所で行き詰まったのは一度や二度ではないでしょう。試行錯誤してるんだけどなんかしっくりこない。。と悩んでいる人も多いはず。今回はそんな行き詰まりがちな見出しのデザインを作るためのアイデアや考え方をご紹介したいと思います。 見出しデザインの基本的な考え方 見出しの役割は「本文を読んでもらうためのきっかけ」です。 Webサイトや紙面を見ようとしたとき、見出しがなく本文だけだったらと想像してみましょう。どこに何が書いているのかが一見してわからず、思わず本を閉じてしまう（または別のWebサイトを見に行く）のではないでしょうか。見出しには「目に飛び込んでくる情報を整理して効果的に伝える」という役割があります。 ここに「見出し」と「本文」という関係が見えてきます。見出しで見る人の興味を惹き、本文を読ませる。サッカーのパス回
Webサイトの見出しデザインまとめ13選！デザインの参考に | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの藤田です。 デザインをやっていると、見出しのデザインに悩むことって結構ありますよね！ 自分のデザインストックを増やすためにも、今回のブログでは今っぽい見出しデザインをタイプ別にまとめてみました！ 独学でつまずいていませんか？ 現場で活かせるWebデザインを効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGではWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。 詳細を知りたい方は、ぜひスクールの詳細をチェックしてみてください！ →スクールの魅力が分かる資料はこちら！（資料請求） ※この記事は2022年3月に編集部が情報を更新しました ジャンプ率パターン ミニマムなデザインでは見出しに過度な装飾を加えずに、本文に対し見出しの文字サイズを大きくすることで見出しを目立たせるサイト
WEBサイト制作前やデザイン制作時に欠かせないヒアリングシートを作り直してみた | WEBとかデザインとか | アスパラブログ | アスパラガス
制作依頼時のヒアリングシート ヒアリングシートの内容には、業種によって様々なものがあると思いますが、WEB制作に関して言えば、制作依頼のお話が来た時点や、検討されている段階で、お客様の考えをアウトプットすることに大きな目的があり、その内容をもとにサイトの方向性や目標等を定めていきます。 アウトプットする内容としては、大きく分けて以下のような項目になると思います。 ■ WEBサイト構築の背景・目的 ■ WEBサイトのタイプ（企業サイト、製品紹介サイト・ECサイト、etc...） ■ ターゲットとするエンドユーザーの層 ■ WEBサイトから期待する効果 ■ 同業種・競合他社の有無とその動向 ■ 予算と制作スケジュール ■ 保守・管理に関して WEBサイトを"意味のある・効果のある"ものへと作り上げていく上で、上記項目は欠かすことのできない情報となります。 これらを踏まえた上で、その他様々なヒア
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
色相環とトーンの表を使って色の意味をデザインに生かそう - Webデザイン - acky.info
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
kandeza.com
