グラフィックレコードの研究 / Tokyo Graphic Recorder 清水 淳子 日本デザイン学会 第62回研究発表大会 2015/06/14
グラフィックレコードの研究 / Tokyo Graphic Recorder 清水 淳子 日本デザイン学会 第62回研究発表大会 2015/06/14 Tokyo Graphic Recorder の活動を基盤としたビジュアライズスキル分析 今、デザイナーは世の中でどのようなビジュアライズスキルを発揮すべきなのか? Tokyo Graphic Recorderは『議論の可視化の可能性』を探る活動である。 世の中の議論や対話のプロセスをリアルタイムでビジュアルとして 可視化する清水淳子個人の活動である。 2009年より開始、2013年3月にTokyo Graphic Recorderのサイトを立ち上げた。 今まで200以上の様々な人物や団体の課題に応じ、その都度手法を開発してきた。 本研究ではTokyo Graphic Recorderで実施した
AdGang | 海外・国内のお洒落でナイス！な広告・プロモーションクリエイティブをGang！
2024.07.17 消費者が予想したハーゲンダッツ40周年記念商品とは？期待感を高めるアニバーサリー施策
世界初！ 口まで完全シンクロした顔面プロジェクションマッピングのamazarashi新作MV。映像制作の舞台裏に潜入
世界初！ 口まで完全シンクロした顔面プロジェクションマッピングのamazarashi新作MV。映像制作の舞台裏に潜入2016.02.23 19:377,347 素顔を見せないロックバンド｢amazarashi｣。 中心人物の秋田ひろむとして活動を開始した2010年からメディア露出だけでなく、ライブでもステージに張った映像投影用の半透明スクリーンの裏側でプレイするほどの徹底した世界観を貫いています。 一方で、見るとハッとさせられるクリエイティブな映像から伝わってくるザワザワ感や驚きが、常にネットやファンの間で話題になっています。いわば、リアルな世界に存在するバーチャルなアーティスト。 そのamazarashiは、テクノロジーを駆使してシリアスなメッセージを伝える、メディアアート的なMVを展開してきたことで知られています。CGアニメーションをロトスコープやモーションキャプチャーと組み合わせた映
永久保存版！？携帯コーディング、これだけ読めばすぐできる！ | KAYAC
マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか
salvia｜古きよきをあたらしく。東京・蔵前でものづくりをする雑貨ブランド
サルビアは、衣・食・住などの暮らしのなかに、「こんなものがあったらいいな」をかたちにしていく活動体です。 2000年にグラフィックデザイナー・セキユリヲの個人的なものづくりからはじまりました。 現在は、「古きよきをあたらしく」をテーマに、 日本国内の伝統工芸や地場産業など、作り手たちのこだわりの技術を生かしたものづくりをしています。 小冊子『季刊サルビア』の発行を通して、ものづくりの楽しさをつたえています。 2010年、東京・蔵前にアトリエ兼ショールームを構えました。 地域のお店とゆるやかにつながりながら、第1土曜日に開催の「月イチ蔵前」を立ち上げ、 隅田川のほとりの眺めのよい空間で、月に一度、ものづくりと食のちいさなイベントを開いたり、 サルビアアイテムの新作発表や受注会をしたり、アトリエを開放しています。 「つくること」「つたえる」「つながる」ことを大切に 人と人の縁が深まっていくよう
Bracketsの7つ道具的エクステンション Brackets Tools - Qiita
Brackets Toolsとは Bracketsのエクステンションの1つで、これを入れるだけでコーディングやプログラミングが捗る様々な機能が使えます。 派手なものではありませんが、どれも使えると何気に便利なものばかりですので、ぜひ試してみてください。 それぞれ、GIFアニメで解説して参ります。 →エクステンション公式GitHub →基本的な使い方 →他のエクステンション 機能紹介 一部を除き、各機能へはメニューバーの「Tools」またはエディタ欄で右クリックでアクセス出来ます。 空白行の削除 英名：Remove Empty/Blank Lines 改行の削除 英名：Remove Break Lines 行頭の連番を削除 英名：Remove line numbers 重複行の削除 英名：Remove duplicate lines 単語リストを配列に変換 英名：Word To Array
コーディングを超加速するBrackets便利エクステンションまとめ
最近色んなところでBrackets使ってますの声を聞けて嬉しい感じなんですが、Bracketsのアドベントカレンダーも余裕で挫折しているのでまた仕切り直して、せっせと紹介記事書いていきますね。今回は新しく知った拡張機能のなかでコーディング関連のものを紹介します。これまでの紹介したものはいくつかありますので見てみてくださいー。 Bracketsだって激しく進化してますよ！メインエディターとして1年使ってみて – WEBCRE8.jp PSDデザインカンプからのコーディングに超便利！Extract for Brackets – WEBCRE8.jp SVGをBracketsで使用・作成・編集するのに便利な拡張機能 – WEBCRE8.jp Brackets CSS Class Code hint 便利過ぎワロタ系のやつです。編集中のHTMLが読み込んでいるCSSのセレクターに書かれているcla
Web制作に必要なマーケティング目線の考え方や制作が身につくオススメの本 -Webマーケティングの最新常識
Web制作者としてキャリアアップするにはどうしたらよいでしょうか？ デザイナーならデザイン、コーダーならCSSやアクセシビリティなど、アウトアップに繋がるスキルやセンスを磨くことは確かに大切です。しかし、なぜそれをするのか、どのような目的でどのような効果を期待しているのかをマーケティング目線で理解していないと、それはユーザーにもクライアントにも役に立たない美しいWebサイトができるだけです。 Web制作をマーケティング目線で考える手助けとなるオススメの本を紹介します。 具体的な指示がないとデザインができない、デザインに説得力がない、プレゼンでデザインの解説しかできない、クライアントと対等に打ち合わせができない、これらはマーケティング目線が欠けている状態です。Web制作に必要なマーケティングの知識を身につけることで、すべて解決できます。 現場のプロが教える Webマーケティングの最新常識 [
「英雄は、ただの青年だった」 1000万再生超の動画がジンと来る
彼は、金持ちにも、有名にもならないだろう。だがしかし――。タイの生命保険会社が作った動画が、心を打ちます。
初心者Webデザイナーがおさえておくべき最新ツール（デザイン編） | マイナビクリエイター
マイナビクリエイター公式ブログ「マイナビクリエイター編集部」を御覧の皆様ご機嫌麗しゅう。OZPAの表4というブログを運営しております@OZPAと申します。 普段は都内のデザイン会社でコーダー寄りのWebデザイナーとして働く会社員です。5年ほどDTP・グラフィックのデザインをしておりましたが、3年前の春から配置転換によりWeb担当として業務に臨んでおります。 この連載では、そんな「何もわからない状態からWebデザイナーとなった私」が、Webデザイナー・コーダーを目指して転職活動を行う方のためになるようなコラムを書かせて頂きますわよ！ さて。Webデザイナーにとって必須のアプリといえばAdobe PhotoshopとIllustratorです。 少し前までは、Webデザインカンプ製作はPhotoshopのみを使用することがほとんどでした。しかし、Retinaディスプレイを始めとする高画素デバイ
IE対策：互換表示させない。 - Qiita
IEのバージョンごとにレンダリング方法が変わり、 互換表示と標準表示方法があるやっかいなIEの対策。 IEでWebページを正しく表示できない場合に、 互換モードになっていることが多いです。 常に標準モードになる<meta>タグを入れておくようにします。 上記を、 <head>内に入れる。 cssやjsファイルが記述されている箇所の前に入れる。 （外部のファイルの読み込みがあるとそこで表示モードが決定してしまうそうです。） content="IE=edge"はIEの最新バージョンの標準モードを表しています。 IE7を使用している場合は、IE7、IE10を使用している場合はIE10のレンダリングモードで表示されます。 IE7であろうが、IE11であろうが、 IE8のレンダリングモードにしたいときは、 content="IE=8"という風に指定もできます。 IE11のドキュメントモードの既定値は
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
知らなかった・・・絶対パスと相対パス以外でファイルの場所を指定する方法 | Lancork
※当ブログではアフィリエイト広告を利用しています。 最近の仕事で静的HTMLだけで100ページ以上、さらに複数のフォルダ階層で構成されている既存サイトの全てのページのヘッダ部分に、共通の画像を新しく追加する機会がありました。 その際今まで知らなかった、どの階層から見ても相対的に同じパスを指定できる方法を先輩より教えてもらったのでメモします。 ファイルの場所をhttp://などのプロトコルからはじまるURLで指定する方法です。例えば画像を絶対パスで指定した場合、以下のような感じになります。 <img src="https://www.lancork.net/images/logo.jpg" alt="画像だよ"> 現在表示している階層に関わらずファイルの場所を指定できますが、ローカルと本番など環境が異なる場合でもどちらか一方のURLしか指定できません。 ドキュメント相対パス ファイルの場所を
2015年、Web制作者が押さえておきたいCSSの各種リセット、アニメーション、フレームワーク、アイコンのまとめ
制作時に欠かせないリセット用のCSS、ページのグリッドやレイアウト・コンポーネントが用意されたフレームワーク、クリック・タップやホバーやスクロールを楽しませるアニメーション、モバイルにもフレンドリーなCSSでつくられたアイコンなど、ゼロから用意するのはかなり大変なCSSの便利なフレームワークを紹介します。 リセット用のCSSはこの3種類 レスポンシブ対応の定番フレームワーク Material Designに対応したフレームワーク さまざまなアニメーションが簡単に実装できるCSS かわいいアニメーションを使ったローダー 使いやすいアイコンフォント・Pure CSSのアイコン リセット用のCSSはこの3種類 HTMLの各要素のブラウザごとに異なる差異をなくし、意図した通りに実装できるようスタイルをリセットするスタイルシート。 Reset CSS 2.0 HTMLの各要素のmarginやpadd
『Webフォントの作り方と応用方法』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは。 以前「Three.jsとBlenderによるWebGL」という記事を書かせて頂いた、 html5、javascript、flashなどのクライアント開発をメインに担当しております、 菅家(@KA_ka_YY)と申します。 Webフォントのメリットベクター形式なので拡大縮小による劣化がない フォントデータはベクターデータです。 →つまりスマホ開発においてretio別に画像を切り出したりする必要がない！ 制御のしやすさ html上で指定文字を記述するだけ。デコレーションもcssによってある程度行える。 陰、グラデーションなど 容量比較 ：画
美術専門学校講師によるデザインの基礎理論「レイアウト」の基本 - 2014/11/19 [Schoo]
この記事を読んで美しいレイアウトを手に入れましょう。 「色は統一感があるけど、なぜか配置がうまくいかない…」 「フォントは揃えたけど、写真とのバランスがうまくとれない…」 「良いレイアウト・悪いレイアウトの違いが分からない…」 この記事ではそんな悩みを抱えている方へ向けて、東洋美術学校によるレイアウトのデザイン基礎理論をまとめました。 明日から使えるデザイン基礎理論【配色、タイポグラフィ、レイアウト編】 ■目次 1.あなたはレイアウトセンスあり？なし？ 2.レイアウトとは？ 3.レイアウトの種類（静的・動的） 4.レイアウトの3大原則 5.レイアウトにおける重要なポイント 1. あなたはレイアウトセンスあり？なし？ 以下にチェックポイントを並べてみました。自分にレイアウトのセンスがあるかどうかチェックしてみましょう。 ・苗字と名前の間を全角スペースであける ・和文フォントと英文フォントを並
![美術専門学校講師によるデザインの基礎理論「レイアウト」の基本 - 2014/11/19 [Schoo]](https://cdn-ak-scissors.b.st-hatena.com/image/square/810442e30a3bb7611cfa656b7839fd7f112ed526/height=288;version=1;width=512/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fi.schoo%2Fimages%2Farticle%2Fdesign%2Fimasia_10986015_M.jpg)
レイアウトとは？プロも使う原則やコツ・テクニックまとめ | LISKUL
レイアウトとは、テキストや画像などの要素や、家での家具などを効果的に配置するためのプロセスです。 レイアウトを戦略的に活用することで、ビジネスシーンでは相手にメッセージが伝わりやすくなったり、日常生活では生活導線が改善されるなどの効果が期待できます。 しかし具体的には、どのような場合に、何をすればよいのかわからないという方も多いのではないでしょうか。 そこで本記事では、レイアウトの基礎や、関連する原則、レイアウトの流れ、文書・ポスター・家具など様々なシチュエーションでのレイアウトのコツを一挙にご紹介します。 ビジネスシーンや日常生活でのレイアウトにお悩みの方は、ぜひご一読ください。 レイアウトは、テキスト、画像、その他の視覚的要素を効果的に配置し整理するデザインプロセスです。 このプロセスは、情報を整理し、視覚的にアクセスしやすい形にすることを目的としています。具体的には、ページやスクリー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【東京】風情を感じるレトロ銭湯♪ お湯に浸かりながらタイムスリップ気分 | キナリノ
新着記事
ブックマークしておくと便利！Web制作に役立つツールや勉強になるサービスのまとめ
