タグ

web制作とレイアウトに関するyocchi24のブックマーク (4)

  • 最近のWebデザインで採用されているレイアウト72種類を収録した無料のUI素材(PSD, AI, Sketch) -UI Tiles

    最近のWebデザインでよく利用される1カラム、2カラム、3カラム、カード型、ボード型の基的なグリッドをはじめ、ランディングページ、プロダクトページ、ギャラリー、ポートフォリオ、カート、FAQ、コンタクト、マップなど、さまざまなレイアウトが用意されたワイヤーフレームやフローチャートを作成するための素材を紹介します。 UI Titles UI TILES: WEBSITE FLOWCHARTS ダウンロードできる素材のフォーマットは、4種類。 .psd(72種類のレイアウトとチャート) .ai(72種類のレイアウトとチャート) .sketch(72種類のレイアウトとチャート) .png(72種類の各レイアウト) 各フォーマットにはそれぞれ72種類のレイアウトとチャートが揃っており、ワイヤフレームやフローチャートやサイトマップとして利用できます。

    最近のWebデザインで採用されているレイアウト72種類を収録した無料のUI素材(PSD, AI, Sketch) -UI Tiles
  • sakutto

    NEWSニュースリリース 2014年11月26日 「トップページ」に使える資料(PART2)を計32点追加いたしました! 2014年11月12日 「トップページ」に使える資料を計32点追加いたしました! 2014年11月07日 お役立ち資料『フィーチャーフォンサイトのコーディング規約』を追加いたしました! 2014年11月05日 「商品」の詳細ページに使える資料を計24点追加いたしました! 2014年10月31日 お役立ち資料『フィーチャーフォンサイトのデザイン規約』を追加いたしました! 2014年10月24日 お役立ち資料『PCサイトのコーディング規約』を追加いたしました! 2014年10月22日 「クーポン」の詳細ページに使える資料を計24点追加いたしました! 2014年10月17日 お役立ち資料『PCサイトのデザイン規約』を追加いたしました! 2014年10月15日 「クーポン」のペ

    sakutto
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • 使えるワイヤーフレームの書き方

    もっと現場で使える「気のワイヤーフレームの書き方」を公開しました。 ワイヤーフレームの書き方は、それこそディレクターさんによって千差万別。 手書きが一番だ!と叫ぶ人もいれば、Fireworksラブ!なんて人もいて、使用するフォーマットもマチマチ。 なので、ここでは僕がやっている「使えるワイヤーフレーム」を僕なりのやり方で紹介させていただき、読んでいる殊勝なかたがたのお役に立てばなぁと思います。 僕の場合、ワイヤーフレームを使って脳内シュミレート(サイトが使いやすいかどうか?のテスト)をするので、一般的なワイヤーフレームというよりは、どちらかといえばプロトタイプに近いものを作ります。 ピクセルは等倍で、フォントサイズも大まかには合わせて、原稿はすべて入れてしまいます。 なんでワイヤーでそこまでやるんだって?決まっています。そのほうが楽だからです。 ワイヤーの多くは、「あくまでレイアウトの草

    使えるワイヤーフレームの書き方
  • 1