普段はコーダー業務をおこなってるのですが、デザインの知識は…。 でも、やはりデザインのスキルも大事ですよね! なので、今年からデザインの勉強のためにバナー作成などをおこなっています。 今回は先輩デザイナーさんに教えていただいた バナー制作のちょっとしたコツを紹介していきたいと思います。 まずはバナーを作ってみよう バナーはEC studioが出展している「モニプラ」の アンケートバナーを作成してみました。 1つ目のお題は「パソコンソフトは店で買う?ネットで買う?」でした。
普段はコーダー業務をおこなってるのですが、デザインの知識は…。 でも、やはりデザインのスキルも大事ですよね! なので、今年からデザインの勉強のためにバナー作成などをおこなっています。 今回は先輩デザイナーさんに教えていただいた バナー制作のちょっとしたコツを紹介していきたいと思います。 まずはバナーを作ってみよう バナーはEC studioが出展している「モニプラ」の アンケートバナーを作成してみました。 1つ目のお題は「パソコンソフトは店で買う?ネットで買う?」でした。
Fireworks CS5 でのスライス書き出しTipsをまとめてみました。 スライスするときによく使う、使えそうな小技をご紹介します。 スライスの作成 長方形スライスの作成 オブジェクトを選択した状態で、 右クリックから「長方形スライスを挿入」を選択すると、 選択した画像を覆うスライスオブジェクトを作成できます。 複数オブジェクトを選択した場合は選択したすべてのオブジェクトの 画像を覆うスライスオブジェクトを作成できます。 多角形スライスの作成 オブジェクトを選択した状態で、 右クリックから「多角形スライスを挿入」を選択すると、 オブジェクトのパスに沿って画像を覆うスライスオブジェクトを作成できます。 イメージマップを設定するときに便利な書き出し方です。 ※テキストオブジェクトのみの場合、オブジェクトを選択した状態で、 右クリックしても「長方形スライスを挿入」と「多角形スライスを挿入」
Fireworksをつかっていると、 「オブジェクト(パス)の整列をすると、アウトラインがぼやける!」 こんな現象がおこったことはありませんか? しかも、一度ぼけるとCtrl+zでも元に戻らないという、やっかいなバグ。 今回は、 「整列つかってもアウトラインがぼけない!」 そんな方法をご紹介します。 アウトラインがぼけてしまうバグは、「中央揃え(センター寄せ)」を使うと 高確率でおこります。 そのため「中央揃え(センター寄せ)」の使い方を工夫するだけで バグに遭遇しなくなります。 ぼけてしまう整列の方法 整列させたいオブジェクト達をいきなり 「中央揃え(センター寄せ)」すると高確率でぼけてしまいます。 ぼけない整列の方法 整列させたいオブジェクト達を、「下揃え」または「上揃え」に整列させます。 その後、オブジェクトを「中央揃え(センター寄せ)」にします。 するとアウトラインがぼけません!
気がついたらFireworksのPNGファイルの容量が●●MBにふくれあがってる?! レイヤーやページ機能を多用しているわけじゃないのに、どうして・・・? Fireworksを使っていて、こんな経験はありませんか? その原因、もしかすると[ ドキュメントライブラリ ] が原因かもしれません。 Fireworks CS4のツールバー [ ウィンドウ ] から [ ドキュメントライブラリ ] を開いてみましょう。 この中に不要なライブラリが残っていませんか?? 新規で作ったシンボルや、コピー&ペーストをしたシンボルは [ ドキュメントライブラリ ] の中に保存されます。 たとえ、画面上でそのシンボルを削除して使用していなくても [ ドキュメントライブラリ ] には保存されたままです。 不要なシンボルは [ ドキュメントライブラリ ] から削除して ファイル容量もダイエットしてあげましょう。 不
FireworksをCS3からCS4へバージョンアップしてから、 頻繁に重くなる、固まる、メモリが不足して保存できなくなる・・・ といった現象に困っていました。 でもCS4にしかない便利機能もあるし、 バージョン落とすのは勿体ない。 どうにか軽くなる方法はないかな?と色々試してみたところ、 どうも取り消し(ヒストリー)回数の設定に原因があるようです。 FireworksCS4のツールバー「編集」→「環境設定」→「一般」から 最大取り消し回数が確認できます。 CS3のデフォルト設定が「20」にたいして、 CS4はデフォルト設定は、なんと「200」!! 桁違いの設定に、さすがにビックリ。 どおりで長時間つかってたら固まるわけですね。 今日一日、設定をCS3と同じ20に変えて試してみましたが、 昨日より確実に軽い!! 毎日のようにでてきたメモリ不足による保存エラーもでてこない!! (エラーで保存
ブラウザチェックに苦労しているコーダー・マークアップエンジニアには大変便利なツールがありました。 それがIE5.5 IE6 IE7 IE8 でのレンダリングを確認できるツール、 IE Tester。 http://www.my-debugbar.com/wiki/IETester/HomePage IETester v0.2 では IE 5.5 IE 6 IE 7 IE 8 beta のレンダリング検証ができるようです。IE7にまだアップデートされていない場合は、IE7以降での検証はできません。 インストール方法については、一般的なアプリケーションと同じようにインストーラーを起動してインストールすればOKです。すでにインストールされているInternetExplorerの起動ファイルなどを指定するなどの作業は必要ありません。 インストールが完了し、「IE Tester.exe」を起動すれば
ホームページを作ってみたが全然売上が上がらない。 多くの方がお悩みになっている問題です。 EC studioにはホームページ売上アップ診断で培われた 独自のノウハウがあり、お客様の売上アップの支援を おこなっています。 今回はその中でも分かりやすく、売上アップに効果的な事例を 画像を用いてお伝えしたいと思います。 タイトル(Title)とページの内容をマッチさせる。 何らかのキーワードで検索をおこなうと、検索結果が表示され そこに並ぶタイトルを見て、私たちはクリックをします。 しかし、表示されたページをすぐに閉じることがあります。 その一番の原因が、検索結果のタイトルと表示されたページの 内容がマッチしておらず、検索した人にとって思わぬページが 表示される場合です。 検索エンジンの検索結果に表示されるページは トップページとは限りません、特に昨今はトップページだけでなく 各ページでのSEO
谷です。 今回はデザインブログらしく、デザイン系の記事を書きます。 私は企画デザインで主にHTML/CSSコーディングと プロモーション系以外のデザインをしています。 具体的にはボタンの画像や、見出しの装飾画像などです。 ※制作するサイトによっては全体の情報設計などもおこないます。 デザインブログというからには、ブログの投稿記事なども 見やすく見栄えよく!と思い立ったので、CSSを利用した 簡単な見出しのデザインを紹介します。 画像・余分なマークアップ(タグを加えたりとか)無しでデザイン ↑のような見出しのデザインですね。 見出しに該当する文章は基本的に「h○タグ」でマークアップされますので そのh○タグ(今回はh4タグ)を装飾していきます。 1.これは見出しです。 非常にシンプルな形です。ブログの記事のタイトルの装飾は これの色違いですね。 2.これは見出しです。 付せんのようなデザイン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く