今年流行りのフラットなデザイン制作に役立つCSSフレームワークやPSD素材【Featherweight UI】ベクターベー... / 【Square UI Free】フラットなUIコ... / 【Flat UI Kit】フラットなUIを揃えた...他...全8件
Webデザインの評価項目をつくる
Webデザインの評価項目というのを、ディレクターやデザイナーの方々はつくっているでしょうか？ 評価項目があると、デザイナーやディレクターだけでなく、クライアントにとってもデザインの基準がわかりやすくなり、目標地点が明確になります。 今までつくったことがなかったという方は、この機会につくってみてはどうでしょうか。 改めて、Webデザインの評価項目をつくるメリットです。 デザイナー、ディレクター、クライアントにとって、デザインを評価する共通認識を持つことができ、三者間で認識のブレが少なくなる デザインの優先すべき項目（もっと企業の色を出したい、など）がわかりやすくなり、それをデザインに反映させることができる デザイナーは、すでに満たされている要素にそれ以上時間をかけることがなくなり、足りない要素に注力できる デザインの評価項目とデザインエレメント一覧表 私はWebデザインの評価項目を、以下のよ
WEBディレクターのためのデザイン講座
「いやー、僕デザインのほうはからっきしでして・・・」 よく聞くWEBディレクターの駄目な言い訳ベスト3には入る名言です。 WEBディレクターはデザインが本職じゃないからデザインを知らなくてもいい？いえいえ、それはかなり危険です。基本的なところだけでいいので、要点を抑えて覚えておきましょう。 ■ムードボードがディレクターを助ける。 僕はよく、提案資料や作成指示書の中にムードボードという項目を設けてクライアントやデザイナーと意思を統一しています。 内容は水着のお姉ちゃんが写っている写真だったり、どこぞのサイトのスクリーンショットだったり・・・と色々ですが、「最低でも10枚」くらいは写真やイメージを集めてパワポに貼り付けています。 不思議なもので、何枚か貼り付けていくと、自分が作ろうとしているサイトのメインカラーやトーン＆マナー、テイストなどが浮き彫りになってきます。で、クライアントに見せると「
7/10 携帯サイトの作り方 第1回 作成方法の基礎 [ホームページ作成] All About
携帯サイトの作り方 第1回 作成方法の基礎(7ページ目)携帯電話などから閲覧できる「ケータイサイト」を作ってみましょう。携帯端末に搭載されているブラウザに関するいくつかの制約を押さえておけば、あとは簡単に作成できます。まずは、携帯サイト作成の基本をご紹介。 画像の掲載には、PC用サイトを作る場合と同じようにimg要素を使います。しかし、注意点が3つあります。 (1) 画像形式は、GIF または JPEG (2) ページの総サイズが 100KB以内(程度)に収まるように (3) 画像の横幅は 240ピクセル弱にしておく ■画像形式は、GIF または JPEG 一般にウェブ上で使われる画像形式には、GIF・PNG・JPEGの3種類があります。 GIFとPNGはイラストなど色の境目がハッキリした画像に向いている形式です。 JPEGは写真などのように境目がハッキリしない画像に向いている形式です。
![7/10 携帯サイトの作り方 第1回 作成方法の基礎 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/99ea29bf657cd4dbe096c25bd4423077e189e7a5/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F9%2F9%2F9%2F201610192029%2Ftopimg_original.jpg)
最近のｗｅｂサイトの横幅は？ - 簡単・早い・SEOに強い！クイックホームページメーカーの総合情報サイト D++QHMcooldesignLabo
クイックホームページメーカーやWebサイト作成に関する情報サイト。QHM専門のリンク集・デザインカスタマイズを中心に情報を公開中！ 最近のｗｅｂサイトの横幅は？ 意外と気になったのがWebサイトの横幅です。yahoo!が３カラムレイアウトで950pxにした時から、現在のユーザーは多少大きくても問題ないんだなと感じるようになりました。 ＱＨＭの標準横幅は786px（以前は750px）です。この大きさはユーザーがブラウザを最大化せずとも必ず見れる大きさでありモニターサイズにも極力左右されず、また、ブラウザの左側に”履歴”や”お気に入り”を開いていたとしても「横スクロールバー」が出ない大きさになっています。 亀田さんがＱＨＭを製作された際、アクセシビリティ（利用しやすさ）を最大限に高めた結果この大きさになったと考えられます。 ここからは主観になりますが、この大きさ(768px)ではどう
DesignDevelop
旧ホームページドメイン(designwork-s.com)を利用し、当ブログの名称を利用し、文中のリンクからオンラインカジノの紹介サイトへ誘導するWEBサイトが発見されました。当該WEBサイトは、当ブログとなんら関わりのない第三者の手によって作成されたもので、当ブログとは一切関係ございません。 旧ドメインについては、現在、管理・運用を行っておらず、当ブログの運営元とは無関係の第三者が取得・管理しており、無関係となります。 そのため、旧ドメインへアクセスすることにより、何らかの被害等が生じても、一切責任を負いません。 現在のDesignWorksホームページドメインはdesignwork-s.netとなります。 ご注意のほど、どうぞよろしくお願い致します。
Dreamweaverで作成するホームページ
ドリームウィーバーで簡単にホームページ作成。スニペット、ビヘイビアの使い方も説明しています。Dreamweaverを、簡単に扱えるように、このページは作られました。初心者の人は勿論、以前からDreamweaverを使っている人にも参考になるページだと思います。 しかし、DreamweaverCS3になってから、それまでのバージョンとは、違う部分がかなりありますので、その点も考慮に入れながら、説明していきたいと思います。 Dreamweaverは、素晴らしいソフトなのですが、画像を扱うことができません。画像を扱うソフトとしては、Photoshop、もしくは、Fireworks等のソフトがあります。ホームページを作る上で、画像ソフトはどうしても必要になります。 フラッシュ画像で、マウスが指しているところは、これから説明していく上で、何度も出てきますから、場所を覚えておいてください。 それでは、
まずはHTML。ハイパーなタグ付き言語（1/5）＜デザイナーのためのWeb勉強帳（1） - ＠IT
Webページを構成する技術を超初心者向けに説明。まずは基本の基本である「HTML」について。ハイパーなタグ付きテキストを一緒に解読しましょう インターネットはHTMLでできている？ インターネットの利用者は総務省の調べによると、平成18年度のおととしの時点で8754万人に達したそうです。人口に対する普及率は68.5％で、およそ7割の人が、インターネットを利用していることになります。言われてみれば、60歳以上の年配の方が、メールやチャットでのコミュニケーション、サービスや製品の評判や性能を調べたり、通販やオークションサイトで商品を手に入れたりしていると聞いても、そんなに驚かなくなってきました。 どっぷりとインターネットが生活にしみこんできているのですが、そんな中で、一番皆さんの目に触れやすいのがWebページだと思います。 そして、この記事を読んでいる人は、Webページ制作にかかわっている人が
いまからでも遅くない！ ケータイデザインの基礎固め
いまからでも遅くない！ ケータイデザインの基礎固め：一撃デザインの種明かし（6）（1/2 ページ） 普段はPCサイトを作っているけど、ケータイサイトに興味が出始めた人向けの、初めてケータイのデザインハウツーです。日々変化するケータイデザインの基礎の基礎をご紹介 ケータイ機種のスペックが上がりデザイン表現の幅は広がっていますが、PCサイトに比べまだまだ容量やスタイル、キャリア対応などさまざまな制限があるのも確かです。 今回は、普段PCサイトを作っているけど、ケータイサイトに興味が出始めた人、初めてケータイのデザインに触れる人のための基礎固めとして、日々変化するケータイデザインの基礎の基礎をご紹介したいと思います。 誰でも最初は初心者だった！ ケータイデザインの基礎の基礎 ケータイの画面サイズを考える！ 一般的な画面サイズはQVGA（縦320px×横240px）ですが、最近ではQVGAワイド（
クリエイターであるためにFlash待ち受けを出し続ける
【Step1】企画・手書き 鉛筆と紙を用意して絵を描きながら企画を考える。ケータイのFlash待ち受けは電池残量や時刻が取得できるので、そのことを頭に入れつつアイデアを練ろう。 後からトレース（下絵をなぞること）することを考えて、絵を丁寧に描くと効率的だ。
Lightview “Overlay anything width style”
Lightview allows you to easily create the most beautiful overlay windows using the jQuery Javascript library. By combining support for a wide range of media with gorgeous skins and a user-friendly API, Lightview aims to push the Lightbox concept as far as possible. Lightview uses HTML5 to help you deliver the best experience across every browser. Let it enhance your media automatically or create c
ネットマニア - テンプレート・素材・PHP・CGI・クールサイトを作る為に -
*記事内には広告を含みます twitterフォロワー合計5万人を超えるP活インフルエンサーの「えりなさん」に、パパ活初心者が知っておきたいことや、おすすめのパパ活アプリを編集部が徹底インタビュー。 「パパ活の基本」や「パパを沼らせるコツ」「危険なパパを見抜く方法」等を編集部が根掘り葉掘りお聞きしました。 この記事を読めば おすすめのパパ活アプリ パパ活アプリと交際クラブの違い パパ活アプリの使い方 定期の太パパを見つける方法 危険なパパを見抜くポイント がまるっとわかります。 年末年始は男女ともに新しい関係を探そうとする人が多くなるタイミング！また仕事も休みで家にいる時間も長くなるので、パパ活アプリのアクティブ率もかなり高くなる傾向にあります。 2024年に良いスタートを切るなら、このタイミングで頑張るかどうかが運命の分かれ目といってもいいでしょう。 えりなさんのプロフィール
WEB色見本 原色大辞典 - HTMLカラーコード
原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見本サイトです。 9種類の色見本と色に関する各種サービスから構成されています。 色見本コンテンツは ブラウザで定義されているHTMLカラーネーム、 日本の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日本の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見本の他にも、今日のラッキーカラー、 コトバから色を解析して調合する成分解析、 ストライプを生成するストライプメーカー、 グラデーションを生成するグラデーションメーカー、 あなたの好きな色と色を調合する色調合、 サ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2009/04/wireframe-2.html
新着記事
新着記事
HugeDomains.com
DesignWalker
手書き風ウェブデザインまとめ - DesignWalker
https://atmarkit.itmedia.co.jp/fwcr/design/