EC studio デザインブログ
2012年3月1日からFacebookページにタイムラインが適用されるようになりました。 3月30日には全Facebookページが強制的に新デザインに切り替わるので、 今のうちにデザインを修正して対応しちゃいましょう！ 新デザインの変更箇所まとめは、いろんなブログで紹介されているので、 今回は、デザイナー視点での、新デザインへの対応のコツをまとめました。 続きを読む デザインしている中で、パスを合体したり分割したり パスを変形させることは多いと思います。 変形させるとき、多くの方は「パス」パネルを使用すると思いますが、 アイコンだけ並んでいても、どれがどんな働きをするのかわからなくなることはありませんか？ アイコンの絵でなんとなく合体する…くりぬかれる…と、動きは予想できますが どちらのパスが前面・背面にあるかで、またさらに形が変わってきます。 今回はそんなちょっと迷う「パス」パネル、 F
見出しをCSSでシンプルに装飾するtips - EC studio デザインブログ
谷です。 今回はデザインブログらしく、デザイン系の記事を書きます。 私は企画デザインで主にHTML/CSSコーディングと プロモーション系以外のデザインをしています。 具体的にはボタンの画像や、見出しの装飾画像などです。 ※制作するサイトによっては全体の情報設計などもおこないます。 デザインブログというからには、ブログの投稿記事なども 見やすく見栄えよく！と思い立ったので、CSSを利用した 簡単な見出しのデザインを紹介します。 画像・余分なマークアップ(タグを加えたりとか）無しでデザイン ↑のような見出しのデザインですね。 見出しに該当する文章は基本的に「h○タグ」でマークアップされますので そのh○タグ（今回はh4タグ）を装飾していきます。 1.これは見出しです。 非常にシンプルな形です。ブログの記事のタイトルの装飾は これの色違いですね。 2.これは見出しです。 付せんのようなデザイン
知ってるようで、実は知らない?！ Fireworksの小技 Part2 - EC studio デザインブログ
FireworksCS4を使いはじめて半年後に気づいた ちょっと便利なあの新機能など、 ｢知ってるようで、実は知らない?！ Fireworksの小技｣に引き続き 案外知らなさそうな、小技をご紹介します。 スクリーンショットを撮る方法 みなさんはどんな方法でスクリーンショットを撮りますか？ ｢PrtSc SysRq｣キーを使う。 撮影用のソフトやツールを使う。 という方法が多いと思います。 もし、FireworksCS4の方は下記の方法を 試してみるのはいかがでしょう？ (1) ツールバーから「コマンド」→「スクリーンショットを撮影」 (2) 撮影範囲を選択 (3) ペーストする 小さな画面を撮影する場合や、 ソフトを起動・常駐させるのがイヤな方にはオススメですよ。 特定のレイヤー以外を簡単にロックする方法 (1) ロックをしないレイヤーを選択 (2) ツールバーから「コマンド」→「ドキュメ
知ってるようで、実は知らない?！ Fireworksの小技 - EC studio デザインブログ
こんにちは、端山です。 デザイン部は全員「Fireworks」を使っていますが、 みんな実務経験やスキルが違うので、基本独学で習得。 そのため、たまに他の人の作業をみてると 「あ、そんな簡単なやり方があるんだ！」ということが･･･ 今回はそんな「知ってるようで、実は知らない?!」 Fireworksの小技をご紹介します。 細い矢印を作る方法 オートシェイプから引く太い矢印ではなく、オープンパスから作る 細い矢印の作り方をご紹介します。 1．「ラインツール」か「ペンツール」でオープンパスを引く 2．オープンパスを選択する 3．ツールバーの「コマンド」→「クリエイティブ」→「矢印の追加」 4．好きな矢印の形を選んで「OK」をクリック！ 曲線上にテキストを配置する方法 普段あまり使うことがないので、いざという時に 「どうやるんだったかな？」と忘れてしまいがちな小技。 1．テキストを入力する 2．
FireworksがWebデザインに向いているポイント6つ - EC studio デザインブログ
みなさんはデザインをするとき、どのソフトを使っていますか? きっと多くの方はPhotoshopやIllustratorを使っていると思います。 私もEC studioに入るまではそうでした。 しかし、今は違います。 PhotoshopやIllustratorではなく、Fireworksをメインに使っています。 EC studioのサイトページは主にFireworksでつくられているため 始めはPhotoshopの方が使いやすいな」と思いながら、 すすめられるままFireworksを使っていました。 でも、1ヵ月もしないうちにPhotoshop派からFireworks派に乗り換えました。 今ではFireworksがないとWebデザインの作業が進まないほどです。 今日はそんなFireworksの良さをご紹介したいと思います。 【10月18日 ポイントを2つ追加しました。】 Fireworksが
iPhone向けサイト構築 基礎文法最速マスター - EC studio デザインブログ
弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone（iPod Touch）向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 2010/11/18追記： iPhone向けサイト制作の書籍を執筆しました！ 既存のデスクトップ向けサイトをモデルにした iPhoneに最適化したサンプルサイトの紹介と コードの解説をしています。 iPhone向けサイト制作の入門書に最適です。 「HTML5＋CSS3で作る 魅せるiPhoneサイト」 基礎編 対象ブラウザはMobileSafariです レンダリングエンジンはSafariと同じwebkitですが、MobileSafariの方にはiPhone向けの一部独自拡張（CSS）があります。検証の際は、通常のSafariのウィンドウサイズを狭くし
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
