タグ

2014年8月6日のブックマーク (4件)

  • レスポンシブWebデザインの作り方(簡単設定方法)

    webmobileは、みんなが知りたいスマホ・通信ガジェットの使い方を発信しているレビューサイトだよ♪ webmobile(ウェブモバイル)は、大好きなPixel/iPhone/MVNO/amazonについて、気づいたこと・困った事の解決など経験したことを発信しています。 運営歴はかれこれ10年以上です。 私が初めて買ったスマートフォンは、auから発売されたSHARP製IS03。今でもデザインの良さに感銘を受けます。 今のメイン機はGooglePixelとiPhone15ProMAXです。 昔はASUS製ZenFoneにはまり、新製品が発売されるごとに買っていました。 MVNOのお店に我が子と訪ねる旅、楽しかったなぁ♪ ご縁あって、UQコミュニケーションズ社に行くこともありました。 UQモバイル公式グッズをたくさん手に入れる機会がありました。 東京新宿にあるLINE株式会社に招待して貰っ

    レスポンシブWebデザインの作り方(簡単設定方法)
  • 覚えておきたい!Illustratorで入力したテキストに合わせて文字枠を作る方法。 | ウェブ製作・デザイン・商品撮影ならMODE

    みなさんこんにちは。 自分のメモと再確認の為にも、と言い聞かせ記事を書いている今日この頃です。 今日はIllustratorで文字枠を作る際に便利な方法をクリップ。 いつも、文字を入力した後に長方形ツールでオブジェクトを作って文字枠を作っていませんでしたか? 実はちょっとばかし楽になる方法があるんです。 あの、文字を入力した後にオブジェクトの長さも一緒に変えるもどかしさ。なんなんでしょう。 どうにかならんのか!と思っていた方々に是非オススメです。 「塗りの枠」と、塗りのない「枠線のみの文字枠」の両方の作り方をご紹介、それではどうぞ。 Illustratorで塗りのある文字枠をつくる 1.まずはテキストを入力します。 長い文字でも、短い文字でも英語でもOKです。 2.入力したテキストを選択したまま、アピアランスパネルから「新規塗りを追加」を2回クリック。 今回は塗りのある文字枠なので、「塗り

  • 背景写真に「ぼかし効果」を巧く使ったWebデザイン事例(簡単なチュートリアル付き)|Tips*Blog|株式会社コプロシステム

    こんにちは、コプロシステムWebデザイングループの石川です。 先月7月29日付のエントリーで、美しくて・フルスクリーンな写真イメージをWebサイトの背景に使用する手法が2013年のトレンドになっている ということで、いくつかの事例をまとめました。 →思わず魅入ってしまう、美しく大きい写真素材を巧みに使ったフルスクリーンデザインのWebサイト・23選(2013/7/29) 背景に写真イメージを活用したデザイン手法として、フルスクリーンデザイン以外にも、「ぼかし効果(ブラーエフェクト)」を取り入れているWebサイト、最近では特に「元の素材が何なのかがわからないくらい強くぼかした写真イメージ」を取り入れているWebサイトのデザインが海外サイトを中心に増えている気がします。 これは、写真そのものの美しさ というよりも、 ぼかすことで新たな美しさを表現したり 奥行き感を表現したり そこに乗っかってい

  • 思わず魅入ってしまう、美しく大きい写真素材を巧みに使ったフルスクリーンデザインのWebサイト・23選|Tips*Blog|株式会社コプロシステム

    こんにちは、コプロシステムWebデザイングループの石川です。 大きい写真素材をWebサイトの背景イメージとして使用するWebデザインの手法は以前から使われている手法の1つで、美しかったり、そのクオリティが高ければ高いほどサイト訪問者の目を引き、大きければ大きいほどインパクトを与えることができます。 最近では特に、ちょっと大きいくらいではなく、フルスクリーンサイズの写真素材を使ったデザインをよく目にしますし、2013年のトレンド手法としても「フルスクリーン・デザイン」が注目を集めているようです。 HTMLCSSなどの技術が発展し、Webでのいろいろな表現方法が広がった 訪問者が使用しているディスプレイ環境が以前に比べてより大きく、より美しく映るようになったこと などが起因しているのではないでしょうか。 今回のエントリーでは、写真素材を巧みに使った、思わず魅入ってしまうようなフルスクリーン・