タグ

ブックマーク / schoo.jp (8)

  • Schooのデザイナーに聞いた、Webサイト制作に使えるフリーアイコン5選 - 2015/02/06 [Schoo]

    Webサイトやアプリの制作の際に欠かせないものの1つに”アイコン”があります。しかし、 「自分で作るのは大変…。」 「お金をかけたくない!」 「プロは、どうしてるのかな…?」 こんな悩みを抱えている人も多いはず。そこで今回はSchooのデザインを手がけているデザイナーが実際に使っているおすすめのフリーアイコンサイトを5つご紹介します♪ ■目次 1.Font Awesome 2.ICON FINDER 3.flaticon 4.ヒューマンピクトグラム2.0 5.IcoMoon 1.Font Awesome スクーのサイト内のいたるところで使用している、Webフォントのアイコンサイト。 こちらのサイトのWebフォントのアイコンを使えば、画像を作らなくてもサイトにワンポイントで配置できます。 又フォントとして利用できるため、サイズや色をCSSで変更することが可能です。 2.ICON FINDER

    Schooのデザイナーに聞いた、Webサイト制作に使えるフリーアイコン5選 - 2015/02/06 [Schoo]
  • 【動画】 CSS設計を学んで、拡張性と保守性に強いCSSを書こう!基礎〜実践導入 - Schoo(スクー)

    オンラインの無料動画で学ぼう!堀口 誠人先生

  • 配色センスを向上させる配色サイト・アプリ15選 - 2014/12/01 [Schoo]

    スクーのWebデザイナー学部でもとても人気がある「配色」関係の授業。デザイン関係のお仕事以外でもプレゼン資料や報告書でのExcelの配色、ひいては、普段の洋服のチョイスまで、配色について悩む機会は多いもの。美術の授業以外に配色について学ぶ機会がないまま今に至ってしまった人も多いのでは?そこで今回は、ブラウザやiPhoneAndroidアプリで使える配色ツールをご紹介します! 1. HUE/360 http://hue360.herokuapp.com/ 最初のキーカラーを決めれば、自動的に配色的に間違いのない配色を絞り込んでくれます。デザインもキレイで直感的に操作出来ます。スクーの授業でも度々登場している間違いの無いツールと言えそうです。ちなみに、hueとは色相(色合い)という意味です。 ・Color Space(RGBとか) ・Hue Step(色合い) ・Chroma Step(彩度

    配色センスを向上させる配色サイト・アプリ15選 - 2014/12/01 [Schoo]
  • デザイナーなら押さえておきたい、Web用素材制作に適したPhotoshopの初期設定まとめ

    「ランディングページをなぜ作るのか」 「クライアントからLPの作成を依頼されたけど、どうやってデザインを作ろう」 Web制作におけるそんな悩みに対する、Schooでも人気のWebデザイナー・イシジマミキ先生による分かりやすい解説とアドバイスをしてくれる授業の書き起こし記事をご紹介! 【目次】 1. そもそもランディングページとは 2. ランディングページはフッターから作ろう 3. クライアントからもらった素材が少なすぎる時はテクニックを駆使しよう 1. そもそもランディングページとは? ランディングページの意味とは?|なぜ必要なのかをユーザー目線から簡単解説 Web制作の一大ジャンルでもあるランディングページ。そのランディングページというものがそもそもどのようなものかなどをこちらの記事ではご紹介しています。 2. ランディングページはフッターから作ろう Webサイトのデザインを効率良くやる

    デザイナーなら押さえておきたい、Web用素材制作に適したPhotoshopの初期設定まとめ
  • 初心者でも大丈夫? WordPressのメリット・デメリット - 2014/11/18 [Schoo]

    WordPressってよく聞くけど何?」 「プログラミングの知識がなくても使えるの?」 「レンタルブログと何が違うの?」 という方のために、WordPressでできること、メリットなどをまとめました。 ◆目次◆ 1. WordPressって何? 2. WordPressのメリット・デメリット 3. WordPressでできること 4. WordPressの使用事例 1. WordPressって何? WordPressは、誰でも無料で使うことができる、ブログ作成ソフトウェアです。 このソフトウェアはプログラミングやWebデザインを始めたばかりの人でも、サイトを管理したり、新しい情報を更新したりすることが出来ます。 2. WordPressのメリット・デメリット <メリット> (1) 自分の好きなようにカスタマイズできる高い拡張性 プログラミングを少し勉強すれば、自分の好きなデザインでブログ

    初心者でも大丈夫? WordPressのメリット・デメリット - 2014/11/18 [Schoo]
  • 【無料】DL必須のPhotoshopブラシ30選 - 2014/11/03 [Schoo]

    Photoshopブラシとは? 鉛筆のような風合い、クレヨンのような質感、水彩画のような淡いタッチ。 その全てを可能にしてくれるのがPhotoshopブラシです。質感出しはもちろん、背景やスタンプのような形でも使えます。 ・デフォルトのブラシに飽きた… ・でも自分で作るのは面倒… ・無駄なブラシをダウンロードしたくない… というPhotoshop初心者の方にダウンロードして欲しい使える【無料】Photoshopブラシを30個まとめてお届けします! 目次 ・ブラシの追加方法 ・ブラシツール30選 ブラシの追加方法 まずはブラシの追加方法。 拡張子が".abr"のブラシ素材をダウンロードしたら、Photoshopを立ち上げて追加していきましょう。 ・ブラシツールを選択 ・アイコンの「ブラシパネルの切り替え」をクリック ・別ウィンドウが開くので、ウィンドウ上部のタブを「ブラシプリセット」に切り替

    【無料】DL必須のPhotoshopブラシ30選 - 2014/11/03 [Schoo]
  • あの秀逸なサイトをデザインした人は、どのような学習によってデザイン力を上げ、今のキャリアを形成したのか?|オンライン動画授業・講座のSchoo(スクー)

    自分でキャリアを考え、自分で学習をしなければならないwebデザイナー。 何が正解で何が不正解という訳ではありませんが、素敵なデザインをする人はどのようなキャリアで、どのような学習を今までしてきたのか聞いてみたくありませんか? 月間PV40万を誇るデザインポータルサイトMUUUUU.ORGの運営者、Quoitworks(クオートワークス)のムラマツヒデキが、この人は凄いと思う尊敬すべきwebデザイナー(アートディレクター・クリエイティブディレクター)をゲストに迎えて、ざっくばらんに楽しく聞いてみるという企画です。 「居酒屋MUUUUU.ORG」と題して、まるで居酒屋で話しているかのような、デザイナーたちのざっくばらんなトークをお楽しみに! ■ この授業で学べること ・効率的なwebデザイナーの学習の方法を学べる ・webデザイナーの今後のキャリア作りの参考になる ・一線で活躍するデザイナーの

    あの秀逸なサイトをデザインした人は、どのような学習によってデザイン力を上げ、今のキャリアを形成したのか?|オンライン動画授業・講座のSchoo(スクー)
  • Webサイトをネットに上げるためのサーバーについての「超」基礎知識|オンライン動画授業・講座のSchoo(スクー)

    「自作サイトのFTPサーバーアップロード編 全3回」(1回目) ここまでのカリキュラムでは、ビジュアルデザインのためのPhotoshop、WEBサイトに表示するためのHTML、デザインを反映するためのCSS、そして、WEBサイトサイト制作の設計・開発を学んできました。 ここまでで制作したWebサイトは、まだみなさんのパソコンのブラウザでしか見ることが出来ません。ここからは、いよいよ完成したサイトを実際にネットに上げてテスト運用していくための手順をひとつずつ進めていきます。 この授業では、どうやって世界中の人たちがWebサイトを見ることが出来るのか?サーバーって何?というような、インターネットについての基礎知識についてお話します。 また、授業の後半では「レンタルサーバーの借り方」も一緒にやっていきます。 ★授業中に使用するレンタルサーバー:http://lolipop.jp/ 【ロリポップ】

    Webサイトをネットに上げるためのサーバーについての「超」基礎知識|オンライン動画授業・講座のSchoo(スクー)
  • 1