Shift11:Webデザイン行く年来る年 (CSS Nite LP55)に行ってきた。

Shift11:Webデザイン行く年来る年(CSS Nite LP55)

2017年最初で最後のCSS Niteは「Webデザイン行く年来る年」。
2011年頃から毎年参加しているのですが、Blog記事は飛び飛びと言う…。

CSS Niteに参加する月は、もれなく忙しくなるというのがお約束になっており、力尽きているという情けない理由です。

毎回盛りだくさんで13:30-19:50という長丁場。時間だけ見るとすごい長さなんですが、これが結構あっという間に終わる。

今回は「shift marketplace」という展示や即売会ブースもあり、お祭り要素もあったのかなあと思います。
というか、年末土曜日のうららかな午後に、380名ものデザインに従事する人々が集まっているとか、ちょっと変態だと思います(ほめ言葉)。

セッションは以下の通り。いつものように敬称略。

  1. 基調講演:今までの10年。これからの10年(長谷川 恭久)
  2. 2017年のマークアップの話題を総まとめ(小山田 晃浩 / 久保 知己)
  3. これだけ押さえればOK!Adobeのツールを最大限活用するWebデザイン手法【2017】(浅野 桜 / 黒野 明子)
  4. アクセシビリティ 改め インクルーシブデザイン?(植木 真 / 土屋 一彦)
  5. マーケティングの矛盾:事例で振り返る2017年のウェブマーケティング(益子 貴寛 / 安達 里枝)
  6. フォントまわりのトレンド2017(鷹野 雅弘 / 関口 浩之)
  7. スマホアプリにおけるUIデザインのトレンド2017(佐藤 洋介)
  8. Webデザイントレンド祭り 2017 – 次の10年のはじまり(原 一浩 / 矢野 りん / 坂本 邦夫)
  9. 今までの10年。これからの10年。(エピローグ)(中川 直樹)

そして、毎度の事ながら、参加者様のつぶやきもお借りしました。ありがとうございます。
“Shift11:Webデザイン行く年来る年 (CSS Nite LP55)に行ってきた。” の続きを読む

CoffeeMeetingを体験してみた。

週はじめに CofeeMeetingを利用してみた。
Facebookアカウントを利用したサービスで、ソーシャルランチよりも敷居を低くした印象がある。
ソーシャルランチは2人1組じゃないと利用できないが、CoffeeMeetingは1人からの利用が可能。

ちょうど合う時間のミーティングがなかったので、自分が主催者になって3つほどミーティングを登録してみたところ、おふたりとミーティングすることができた。

“CoffeeMeetingを体験してみた。” の続きを読む

Web Fontのクラウドサービスをまとめてみた。

2/22(水)、モリサワのTypeSquareサービスが開始されたので、WebFontサービスをピックアップしてまとめることにした。
ちなみに、モリサワは2012年2月22日(水)〜2012年12月31日(月)まで、【オープン記念¥0キャンペーン】を開催中なので、短期サイトならビジネスでも使用できる可能性が高いですね。
太っ腹なモリサワさん。ありがたや(人´∀`)アリガトー♪

“Web Fontのクラウドサービスをまとめてみた。” の続きを読む

CSS Nite LP, Disk 21「タイポグラフィ、組版、Web Fonts」を聴講した。

CSS Nite LP, Disk 21

ここ最近、有料版に出席していたものの機を逸してBlogをUPせず状態・・・いかんよなあ。途中まで書いて力つきるという情けなさ。

…ということで、「鉄は熱いうちに打て」ということで、さっそく覚え書きという名のレポート。

今回はWebデザインやコーディング技術に関する話というよりも、意外と知られていないアルファベットや欧文の表記の仕方など、デザインを考える上で非常に重要なタイポグラフィの話です。

私自身は建築系のデザイナーから出発しており、その業務の中で若干のDTP制作や、学生時代に写植の初歩中の初歩を教わったり、タイポグラフィの授業があった程度なのですが、Webデザイナーはフォントの扱いについて、あまり丁寧ではないと言われています。
これはMacやWinがDTP業界に進出し、ベタ打ちのままでもそれなりにできてしまうからという側面がありそうですが、その中でも「なんとなーく」流し込んでいるアルファベットや欧文に関する話です。

正直、欧文に関しては「なんとなーく」入力していたので、目から鱗な数々です。
以下、各セッションのタイトル部分の人物名は敬称を省略させていただいています。
“CSS Nite LP, Disk 21「タイポグラフィ、組版、Web Fonts」を聴講した。” の続きを読む

画像を使わなくても意図したフォントが表示できる-Google Font API-

悲しいことに、Webサイトはユーザーの環境に依存するため、指定できるフォントが決まっています。

ゴシック体なら、MS Pゴシック、ヒラギノ角ゴ、Osaka
明朝体なら、MS P明朝、メイリオ、細明朝体、ヒラギノ明朝
サンセリフ体(日本ではゴシック体とも呼ばれる)なら、Arial、Helvetica、Geneva、sans-serif
セリフ体(日本語では明朝体とも呼ばれる)なら、Georgia, Times New Roman, Times, serif

これらはWindowsまたはMacにデフォルトで入っているフォントタイプ。

これ以外のフォントも指定できますが、明朝体である「リュウミン」を表示させたいと思っても、閲覧側のPCに「リュウミン」が入っていないと正しく表示されません。
そのため、意図するフォントタイプをWeb サイト上で表示させたいと思ったら、その部分を画像文字にするしかありません。

でも、それをある程度解決する方法が最近出てきました。

まあ、すてき( ̄▽ ̄*)
“画像を使わなくても意図したフォントが表示できる-Google Font API-” の続きを読む

名刺と販促物

現在「営業頑張ろう」期に入っているため、実験的にやっていることがあります。
名刺の数をそれほど多く切らないので、1年に1度のペースでデザインを変更していました(過去形)。

タイミングとしては、サイトのリニューアル毎だったのですが、リニューアルする時間がなかなか取れないため、現在は名刺のみのデザインだけをリニューアルしてます。

現在のデザインは、すでに1年以上使っているのですが、「名刺フォルダーにいれているとすごく目立つ」と言われてるので、そのままにしています。
カラーは2種類あり、イエローとショッキングピンクです。・・・どちらも、趣味的には好きではない色なのですが、目立つし格好がつく・・という理由でそのカラーにしてます。

“名刺と販促物” の続きを読む