スクーのWebデザイナー学部でもとても人気がある「配色」関係の授業。デザイン関係のお仕事以外でもプレゼン資料や報告書でのExcelの配色、ひいては、普段の洋服のチョイスまで、配色について悩む機会は多いもの。美術の授業以外に配色について学ぶ機会がないまま今に至ってしまった人も多いのでは?そこで今回は、ブラウザやiPhone/Androidアプリで使える配色ツールをご紹介します! 1. HUE/360 http://hue360.herokuapp.com/ 最初のキーカラーを決めれば、自動的に配色的に間違いのない配色を絞り込んでくれます。デザインもキレイで直感的に操作出来ます。スクーの授業でも度々登場している間違いの無いツールと言えそうです。ちなみに、hueとは色相(色合い)という意味です。 ・Color Space(RGBとか) ・Hue Step(色合い) ・Chroma Step(彩度
■HTML5とは? コンピュータをよく使う人なら一度は耳にしたことがある「HTML」。HTMLとは、Hyper Text Markup Languageの頭文字を取ったもので、直訳すると「ハイパーテキストのための、(文章に)目印を付ける文法(言語)」という意味です。つまり、私たちが普段読み書きする文章の、見出し・段落・箇条書きなどの要素をコンピュータに捉えさせるための文法ですね。初期のHTML1.0が開発されたのが1993年、それからバージョンアップを重ね、1999年12月にバージョンアップされたHTML4.01が昨今までホームページを作る言語としてWebを支えてきました。 そして、2014年10月28日にHTML5が勧告されました。特に「HTML5」は今多くの注目を集めています。今回はHTML5を使って出来ること、従来のHTML4との違いをまとめました。 ■目次 1. どんなデバイスでも
こんにちは!スクー教務課の廣松です。 今回はスクーで開講された授業からデザイナーがUIについて考えるときのコツについてご紹介したいと思います。 UIとは? ユーザインタフェース (User Interface) は、機械、特にコンピューターとその機械の利用者(通常は人間)の間での情報をやりとりするためのインタフェースである。(Wikipedia「ユーザーインターフェース」より引用) …うーん、難しい! 本記事は、UIについての知識がない方から、UIデザインの具体的なコツが知りたい方まで一緒にUIデザインについて理解を深められる内容となっております。Webデザインの第一線でご活躍されているプロによる授業から学んでいきましょう。 目次 1. UIとは何か 2. アプリUIデザインについて 3. 優れたUIとは 4. 優れたUIを考えるコツ「UIをパターン化」してから選ぶ 5. UIデザインを考
「Adobe」知っていますか? 「字面は見たことあるような・・」 「よくパソコンに出てくるけど何なのかは知らない・・」 「そもそもなんて読むの?あどーぶ?あどべ?」 そんな方はこの記事を読むことでAdobe、そしてAdobeのアプリケーションについて理解を深めることができます。 「 Adobe(アドビ) 」 とは、「Adobe Systems(アドビシステムズ)」の略称で、世界最大規模のソフトウェア会社の名前です。 先頭に「Adobe」がついた多くの種類のアプリケーション を扱っています。 今回は、Adobeの中でも 代表的なアプリケーションを3つご紹介します。 ① Adobe Photoshop (アドビフォトショップ 通称:フォトショ) Photoshopは、写真やイラストを加工し、綺麗に見せる事が出来るアプリケーションです。 何ができるの? ・写真の修整 写真を使用する目的に合わせて
「Adobe」知っていますか? 「字面は見たことあるような・・」 「よくパソコンに出てくるけど何なのかは知らない・・」 「そもそもなんて読むの?あどーぶ?あどべ?」 そんな方はこの記事を読むことでAdobe、そしてAdobeのアプリケーションについて理解を深めることができます。 「 Adobe(アドビ) 」 とは、「Adobe Systems(アドビシステムズ)」の略称で、世界最大規模のソフトウェア会社の名前です。 先頭に「Adobe」がついた多くの種類のアプリケーション を扱っています。 今回は、Adobeの中でも 代表的なアプリケーションを3つご紹介します。 ① Adobe Photoshop (アドビフォトショップ 通称:フォトショ) Photoshopは、写真やイラストを加工し、綺麗に見せる事が出来るアプリケーションです。 何ができるの? ・写真の修整 写真を使用する目的に合わせて
みなさんこんにちは!schoo WEB-campus教務課です。 「Webデザインを勉強するとどうなるの?」「Webデザイナーになるためにはどうすればいいの?」というよくあるご質問にお答えすべく、「未経験からWebデザイナーになるために学習すべきこと」についてまとめてみました。 schoo WEB-campus(以下スクー)のWEBデザイナー学部で先生がご紹介している資料や授業の様子を交えながら、「とりあえずこれさえ読んでおけばWebデザイナーになるために何を学習すればいいのか」を理解できることを目指しています! 目次 1. Webデザインをする「Webデザイナー」とは? 2. Webデザインを制作する際の流れとは? 3. Webデザイナーの3つの仕事について
「404エラー」とは? ・HTTPステータスコードの一つ。Webサイト側でページが見つからない時に表示されます ・このエラーは、Web ページが一時的に利用できなかったり、Web ページが削除されていたりすることが原因で発生する場合があります ・お使いのPC/スマホは正しくインターネットに接続されているのでご安心ください ・「404エラー」について、詳しく学びたい方はこちらの授業がおすすめです
「404エラー」とは? ・HTTPステータスコードの一つ。Webサイト側でページが見つからない時に表示されます ・このエラーは、Web ページが一時的に利用できなかったり、Web ページが削除されていたりすることが原因で発生する場合があります ・お使いのPC/スマホは正しくインターネットに接続されているのでご安心ください ・「404エラー」について、詳しく学びたい方はこちらの授業がおすすめです
最近上場したフリークアウトって? 会社名 株式会社フリークアウト 代表取締役 本田 謙 設立 2010 年 10 月 資本金 9億3,797万,8,400円 事業内容 マーケティングプラットフォームの開発、販売 所在地 〒106-0032 東京都港区六本木6-3-1 六本木ヒルズクロスポイント5F(総合受付) 具体的なサービスは? RTB(リアルタイム入札)を使ったDSP(デマンドサイドプラットフォーム)という、広告代理店や広告主向けなど広告を買う側を対象としたサービス 2014年6月24日に東証マザーズへ新規上場!おめでとうございます! フリークアウト 取締役 COO / イグニス 取締役 佐藤 裕介先生って…? 2008 年より Google にて広告製品を担当。 Google The Foundations of Leadership 修了。 Google 退職後、複数の技術系スター
URLをお確かめの上、再度お試しください。 お問い合わせ先は法人契約の有無で異なります。 法人契約の方は、biz-support@schoo.jp(ビジネスプラン カスタマーサクセスチーム宛) それ以外(個人でご利用中)の方は、support@schoo.jpへお問い合わせください。 「404エラー」とは? ・HTTPステータスコードの一つ。Webサイト側でページが見つからない時に表示されます ・このエラーは、Web ページが一時的に利用できなかったり、Web ページが削除されていたりすることが原因で発生する場合があります ・お使いのPC/スマホは正しくインターネットに接続されているのでご安心ください ・「404エラー」について、詳しく学びたい方はこちらの授業がおすすめです
「404エラー」とは? ・HTTPステータスコードの一つ。Webサイト側でページが見つからない時に表示されます ・このエラーは、Web ページが一時的に利用できなかったり、Web ページが削除されていたりすることが原因で発生する場合があります ・お使いのPC/スマホは正しくインターネットに接続されているのでご安心ください ・「404エラー」について、詳しく学びたい方はこちらの授業がおすすめです
URLをお確かめの上、再度お試しください。 お問い合わせ先は法人契約の有無で異なります。 法人契約の方は、biz-support@schoo.jp(ビジネスプラン カスタマーサクセスチーム宛) それ以外(個人でご利用中)の方は、support@schoo.jpへお問い合わせください。 「404エラー」とは? ・HTTPステータスコードの一つ。Webサイト側でページが見つからない時に表示されます ・このエラーは、Web ページが一時的に利用できなかったり、Web ページが削除されていたりすることが原因で発生する場合があります ・お使いのPC/スマホは正しくインターネットに接続されているのでご安心ください ・「404エラー」について、詳しく学びたい方はこちらの授業がおすすめです
レスポンシブデザインとはPC、スマートフォン、タブレットなど デバイスごとに異なるデザインを 同一htmlファイルで実現するマルチデバイス対応技術です。 授業中には、実際にデバイスごとにデザインを変える、 メディアクエリーというcssの技術を用いて レスポンシブデザインのページを完成させます! ■ お話すること■ 1) 解像度とデバイスサイズの関係 2) 基本は可変幅のフレキシブルデザイン 3) フルードイメージ、フルードグリット 4) 条件付コメントを記述してIE8、IF7に対応させる 5) ヴューポートの指定 6) スマホエミュレーターで見てみよう ■ 必要なもの■ 1)Sublimeと解凍ツールのインストール 手順はこちらのページ参照。→http://schoo.jp/teacher/315 2)授業中ブラウザの開発ツールを使用します。 このページのスライドp30~34参照 3)エミ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く