2013年11月18日のブックマーク (2件)

  • Fireworks コレ、5分で作ります。その1 : RedLine Magazine

    Fireworks コレ、5分で作ります。その1 ※このエントリはFireworks CS4を元に書いています。 Fireworks の日語チュートリアル少ないなーという話を先日Twitterでしていたので、なんか作ってみます。あまり超大作のチュートリアルは手順を書く気力が途中でなくなりそうだったので、今日は5分くらいでコレ作る方法を書きます。 今回の完成形 見出しの背景画像によくありそうなこういう画像をパパっと作ります。 今回は素材集等、Fireworks の機能以外のものは使いません。 土台を用意 まずは一番下の土台を作ります。よくあるアクア風のやつにしますね。矩形で適当なサイズで長方形作って、塗りを線形のグラデーションに。4色決めてスライダーを調節。外側には1pxの線も加えます。 ここでのサンプルのサイズはW 470 * H 40 としました。 こういう見出し用の背景画像でよく左側

    tama_twin88
    tama_twin88 2013/11/18
    Fireworksでエフェクトの作り方
  • 初心者必見!見やすくて使いやすいスマホサイトを制作する5つのコツ | ajike switch

    こんにちは デザイナーの石丸です。 最近はやっと春らしい暖かい日々が続くようになりましたね。 さて、最近スマホサイトのデザインを手がけることがあったので、 デザイン時の気付きやポイント、基礎ルールをまとめました。 基礎中の基礎ですが……しかしまずは基礎をしっかりと固める事が1番ですっっ! では始めます。 1 横幅は320pxまたは640pxでデザインする 2 フォントについて 3 ボタンデザインについて 4 見出しデザインについて 5 余白のあるデザイン 1 横幅は320pxまたは640pxでデザインする iPhone4から解像度が640×960となり、最近では横幅640pxでデザインすることが 主流となってきました。 ここで気をつけることは… 解像度が横320pxの端末では640pxの画像を320pxで指定し、コーディングすることになりますので、 フォントサイズや余白など、2で割り切れる

    初心者必見!見やすくて使いやすいスマホサイトを制作する5つのコツ | ajike switch
    tama_twin88
    tama_twin88 2013/11/18
    スマホデザイン