Fireworksのページ機能を使ってバナー画像を一括管理するTips | カッシーのWebる。
New! 2017.11.23@あべのハルカスにて登壇します。話を聞きたいという方ぜひご参加ください！ 30回以上突破！定期開催のフリーランスカレッジ（東京/大阪）〜独立セミナー編〜 こんにちは、カッシーです。 久々に制作系Tipsの記事です。 2013年もFireworksのAdventカレンダーに参加してみました！！ Fireworks Love!!!! ちなみに昨年2012年の参加記事はコチラ↓ 意外と重宝するかも？FireworksのPDF書き出しでモックを作ろう！ 今年はページ機能を使って画像を一括管理して 必要な時にまとめて書き出すみたいな管理方法をご紹介したいと思います。 リスティング広告向けや、アフィリエイト（出稿側）向けに様々な画像サイズを作る時、沢山画像を作ってあれやこれやってなっちゃいますよね。今回は複数の違うキャンパスサイズの画像作成時にFireworksのページ機
【Macアプリ】Webデザイナー向けの便利なおすすめMacアプリ28個
「なんかもっとこう、サクサクとパソコンをいじれないかなあ・・・・」 Macをお使いのあなたはこんな悩みを抱えたことはありませんか？ 確かに、ショートカットキーを使いながら仕事を効率化したり、ツールを利用して今までよりも何倍もの速さでパソコンで仕事ができたら理想的ですよね。 事実、できる人はすでに便利なMacアプリをダウンロードし、利用しています。 仕事を効率化させるアプリを使うのとそうでないのではスピードに大きな差が生まれてしまいます。 そこで今回は、日々Macを使って止まないあなたに、仕事が今より3倍はかどるオススメのMacアプリを28コ紹介します。 この記事を読むことで仕事を効率化できるアプリを知ることができ、今よりもサクサクにパソコンをいじることができます。 ぜひ参考にしてみてください。 デザイナーさんが仕事が圧倒的にはかどるMacのオススメアプリ10選 Alfred まず紹介したい
新人デザイナーならブクマして損なしのWebデザインギャラリーサイト
【フレッシュなWebデザイナーの皆さんへ】数ある... / ━━国内ギャラリーサイト━━イケサイ、ABM、S... / 【イケサイ】国内のコーポレートサイトが中心のデザ...他...全14件 【フレッシュなWebデザイナーの皆さんへ】 数あるWebデザインギャラリーサイトの中で、新卒Webデザイナーがとりあえず毎日見ておけば間違いない特にオススメのギャラリーサイトをまとめました。
Webデザインのタネのタネあかし～ワイヤーフレームを組み立てる前にやっておきたいパーツの仕分け編 | Webデザインのタネ
デザインコンセプト編からの続きです。コンセプトが決まって、デザインを見た人がどう思って欲しいのかというのも決まったのでいざデザインへ！ …とその前に。ワイヤーフレームを作っていきます。ワイヤーフレームとはページのざっくりとしたレイアウト図のことです。デザインの前には必ずワイヤーフレームを作っていきます。 さらにさかのぼって、ワイヤーフレームを作る前にまず、必要な情報をかき集めるところから始めます。今回は自分のブログのリニューアル。今まで他のブログを読んでいてこのブログパーツ欲しい！と思っていたものを整理したり、情報の優先度を上げたり下げたりする仕分けみたいなことを行いました。 必要な要素を仕分ける ワイヤーフレームを作る前に新しく入れたいなーと前々から思っていたものから、本当に必要かどうかを見極めていきました。 記事検索 自己紹介 このブログについて 人気エントリー カテゴリー 月別アーカ
レイアウトが考えやすくなるデザインのルール ｜https://wp.yat-net.com/name
デザインには意味があります。物を配置するにしても、なぜそれを配置するのか？なぜその色味なのか？なぜそこに置くのか？など、実に多くの事を考えてデザインは行われています。 そのためデザイナーが考える事は実に沢山有り大変なのですが、デザインには決められたルールという物が存在し、「こうしなければならないルール」、「こうしてはいけないルール」と言ったものが多数存在します。 デザイナーはそういったルールを知識として蓄えているので、考えるべき点を素早く整理し形にしていくことが出来るのです。 今回はそのルールについて少し述べたいと思いますので、デザインが苦手な人も是非そういったルールについて考えてみて頂ければと思います。 レイアウト ビジュアルは左、テキストは右 人間の脳は左側に配置されたものを感覚的に美しいと感じやすく、右側に配置されたものを理論的な思考で捉えやすくなっています。そのため上記のような写真
デザイナーなら読んでおきたい！デザインに関する6つのスライド・企画書
色彩センスのいらない配色講座 「色の比率」や「色相の距離」、「トーン」などを意識してデザインを見てみると、いろんなが配色方法が発見できるかもしれません。
[ブログ]祝！リニューアル！！ブログのリデザインをwebクリエイターボックスに依頼してみたよ！
Hello World with a Big Smile (^^) @conchikuwaです。 やっとこさブログのリニューアルをやりました！これで4回目のリニューアルです。 しかも今回はオリジナルテーマ！！世界に1つだけのブログだよ！ 前回使用していたテーマもものすごく気に入っていたのですが、有料テーマといえ、テンプレートなので、いつかはオリジナルテーマをと、その夢がついに叶いました！ そうはいってWebデザイナーでもないので、デザイン力は皆無に等しく、プロにお願いすることに。 で、白羽の矢を立てさせていただいたのが、今をときめくWebクリエイターボックスの中の人、@chibimana（マナ）さんです。以前からブログを読んでいて、もしリニューアルするならマナさんにお願いしようと心に決めておりました。今回お忙しい中、お受けしていただけて感謝です！ なのでリニューアルにあたりお願いしたこと、
![[ブログ]祝！リニューアル！！ブログのリデザインをwebクリエイターボックスに依頼してみたよ！](https://cdn-ak-scissors.b.st-hatena.com/image/square/aac74abd9bc37bf3dd52be5ae494a73fff216865/height=288;version=1;width=512/https%3A%2F%2Fwww.conchikuwa.com%2Fwordpress%2Fwp-content%2Fuploads%2Frenewal2-1.jpg)
女性の可愛らしさが詰まったガーリーデザインの特徴。（基礎知識〜フリー素材） ｜https://wp.yat-net.com/name
2013年 03月 05日 女性の可愛らしさが詰まったガーリーデザインの特徴。（基礎知識〜フリー素材） カテゴリ： Webデザイン タグ：ガーリーデザイン デザインのタイプは非常に多く、切り分けるにしても男性らしさ、女性らしさ、児童向け、年配者向など様々な切り口で分けることができます。 ガーリーはそういった中の女性に好まれるデザインに該当し、「少女らしさ」や「可愛らしさ」などを指します。ガーリースタイルといった言い方もしますね。 1.流行 2.ガーリーデザイン・スタイル -a.ファッション -b.建築（カフェ） -c.Webデザイン -b.ブログ -e.ガーリーデザインで特徴とされるもの -f.ガーリーフォト 3.最後に 流行 ガーリーの流行に関してはおそらく1990年代かと記憶しています。 当時ガーリーデザイン、ガーリーフォト、ガーリースタイルと言った様々な言葉が流行し、様々な場面でガー
レスポンシブwebデザインの作り方とSEOとUXを考察
2013年は更に レスポンシブ は流行ではなく 一つのデザイン定義として定着する年なのではないかと。 その定着する新しい手法のデザインの作り方と SEO 、 UX の観点から考察していきたい。 レスポンシブwebデザインの基本 レスポンシブwebデザイン とは 1ファイルでどんなデバイスでも柔軟に対応する事が出来る手法です。 この手法が編み出される前は、端末別等で違うCSSファイルを呼び出し、デザインを変えていたかと思いますが、このやり方だとデザインを変更する時に端末別に分けた分のデザインを変更しなくてはなりません。 レスポンシブwebデザイン もそうゆう意味では変えなくてはならないのですが 横幅の計算でデザインしていきますので変更点が少なくなります。 初めは リキッドデザイン と似ていると感じると思いますが、違いはこちら ■リキッドデザイン これで レスポンシブwebデザイン とはなんぞ
なぜ日本のWebデザインはダサいのか？ | Goodpatch Blog
こんにちは！ みなさんQuoraというサイトをご存知ですか？QuoraはFacebookの元CTO（最高技術責任者）が立ち上げたQ&Aサイトです。実名+肩書きの登録が必要なので、他のQ&Aサイトより回答者のクオリティが高い事が特徴のようです。（日本だとYahoo知恵袋が似ているWebサービス） 今回Quoraで日本のWebデザインについての興味深い質問を見つけたので、その質問と回答のいくつかを記事にしてみました。（記事ネタQuestion :Why is web design so bad for Japanese websites?） 【Question】 これまで日本のWebサイトは一般的にきれいなものだと思っていたが、実際は違った。アメリカのWebサイトより5年から10年の遅れを取っているように思えます。多くのWebサイトにFlashが使われているし、アメリカのものよりごちゃごちゃし
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
デブサミ2013（Developers Summit 2013）Action! 1日目のデザインセッション「デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜」の発表資料（2013年2月14日） -------------------------------------------------- 途中、時間がなくて話せなかったところも入っています（そこがかなりいい話だったりする）ので、やっぱりここも実際に聞きたい！という方はまたどこかで呼んでくださいm(_ _)m よろしくお願いします。Read less
WEBデザインが短期間で上達した方法
この記事は、Webデザインが短期間で上達した2つの方法として、新たに書き直しました。 WEBデザイナーとして10年ちょっと経過。 未だにデザイナーとして足りないものは多いですが、 どうにかクライアントにも満足してもらえる デザインが提供できるようになったと思います。 これは、自分が新米デザイナーだった頃にやっていた、デザインの上達方法です。 「上手くデザインができない！」「上手くなるにはどうすればいいの？」など、 どうすればデザインが上達するのかわかならい人の参考になれば幸いです。 新米デザイナーの頃、ダメなデザインをして先輩からよく叱られていました。 クライアントからデザイナーを交代してくれと言われ、 激しく落ち込んだこともあります。 いまになると恥ずかしいですが、 その頃の自分には、 プロのデザイナーとして最低限の能力がなかったのです。 クライアントの満足するクオリティのデザインを 期
優れたUIデザインを作るために知るべき12のTips | Goodpatch Blog
こんにちは、だいきです。 海外のUIデザインに関する記事「14 Golden Eggs of Good UI Design（直訳: 優れたUIデザインの14の金の卵）」で書かれていたUIデザインに関するTipsがとても勉強になったので、その中からいくつか抜粋したものを翻訳しました！ （この記事はJohannes Thönesというブログの14 Golden Eggs of Good UI Designという記事の抜粋翻訳ブログです。） 1, 先進的な技術を使う理由 photo credit: Carlos Varela via photopin cc HTML5が新しい技術だからといって、それを使う必要性はありません。 新しい技術を使うことが目的になってはいけません。 ユーザーとユーザーが期待している事を考えてください。 どんなUX（ユーザーエクスペリエンス）をユーザーに与えたいですか？
ウェブデザインにおける透過の効果的な使い方と注意点
半透明のパネルにテキストを配置したり、ナビゲーションを半透明にしたりなど、ウェブデザインでよく利用される透過のエフェクトの効果的な使い方と注意点を紹介します。 Using Transparency in Web Design- Dos and Don'ts 下記は各ポイントを意訳したものです。 はじめに コントラストを作るために透過を使う イメージの重要な部分は隠さない さまざまなレベルの透明度を使う 透過するとテキストが読みやすくなるとは限らない 透過を使うのは少しのスペースに 激しいコントラストの画像には透過は置かない 透過をアートとして使う 透過を飾りとして使用しない 背景に透過を使う 同時に多くの透過のエフェクトは使わない 循環するイメージに透過を使用する おわりに はじめに 透過を使ったウェブデザインは非常に美しいですが、慎重にデザインする必要があります。透過はカラーのブロック・
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://handywebdesign.net/2013/03/layout-and-design-about-menu/
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
次のウェブサイトやブログを作る時に参考にしたいUIデザインのリソースのまとめ
新着記事
新着記事
イラスト素材.net