エム・アールデザイン｜デザインブログ

Webデザインカテゴリーアーカイブ

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

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

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

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

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

正直、欧文に関しては「なんとなーく」入力していたので、目から鱗な数々です。
以下、各セッションのタイトル部分の人物名は敬称を省略させていただいています。
続きを読む

2012年2月5日2:34 AM| カテゴリー：Webサービス全般,Webデザイン,デザイン全般| コメント：（0）

2012年の初投稿は各デバイスの覚え書きー主にスマホとiPadー

あけましておめでとうございます。本年もよろしくお願いいたします。

さて、今年の課題の一つに「複数デバイス対応」というのが私の中にあります。
PCの他にスマートフォン・フィーチャーフォン（ガラケー）・タブレットとデバイスが増え、それら全てに対応する場合が多くなりました。
今のところ、各デバイスにあわせてデザインやコーディングをしているものの、更新効率などを考えるとワンソースで対応できた方が好ましいと個人的には思う訳です。

2012年1月8日12:29 AM| カテゴリー：Webデザイン,スマートフォン,タブレット| コメント：（0）

IEの独自フィルタでグラデーションをかけるのはキケンだ。

最近は規約がなければhtml5とcss3を用いるようにしている。
プログレッシブ・エンハンスメントという考えのもと、IE8以下に関しては角丸などを無理に実装せず、使用に支障のない内容にしている。

CSS3にはグラデーションが設定できるので、Firefox・safari・chromeについてはcss3で、IEには独自フィルタでグラデーションを設定する事にした。

そこで問題が発生。

IEにおいて、a要素のdisplay:blockが効かない事が発覚した。

2011年7月13日4:19 PM| カテゴリー：Webデザイン| コメント：（0）

Webカラーセミナー【実例から学ぶWebサイトの色彩設計】に参加した。

株式会社エフシーゼロのヤマモトイズミさんに誘われて、5/28（土）に行われた【実例から学ぶWebサイトの色彩設計】セミナーに行ってきました。
講師は、フォルトゥナの坂本邦夫氏です。

大まかな内容としては

配色ではなく色彩設計をしよう
サイト運用のための色彩設計
実例10歳とから学ぶ色彩設計

の3つ。
続きを読む

2011年6月1日12:37 PM| カテゴリー：Webデザイン| コメント：（0）

WordPressプラグインを使う-Custom Field GUI Utility 3

私はデザイナーなのでphpの知識がありません。
・・となると、WPを使ったサイト構築の場合、多くのプラグインを利用することになります。

カスタムフィールドのカスタマイズプラグインは色々ありますが、Custom Field TemplateかCustom Field GUI Utility 3 – WordPress プラグイン – かたつむりくんのWWWが使いやすいかなと思っています。

Custom Field Templateはエディタ付きテキストエリアも設定できるのですが、今回必要だった画像専用イメージフィールドがない。
Custom Field GUIと違って、インストール後の設定は管理画面から行えるので使い勝手はいいようですが、設定方法についての説明を見つけるのが大変かも。

・・というわけで、今回はCustom Field GUI Utility 3 – WordPress プラグイン – かたつむりくんのWWWに軍配が上がったので、そちらのインストールメモ。

12:12 PM| カテゴリー：Webデザイン| コメント：（0）