Webデザインにおける『正直』とは
素材に正直であれ Webサイトの品質には、高い技術と表現を盛り込むという『上を目指す品質』と、どのような状況でも必要最低限の見た目と操作性を保証する『地を固める品質』の 2 つがあると説明しました。しかし、これだけではなくデザインにおける普遍的な考え方も品質に大きく関わっています。 ドイツのインダストリアルデザイナー Dieter Rams（ディーター・ラムス） が提案する良いデザインの十ヶ条の中には、良いデザインは正直であるという項目があります。製品を必要以上に大げさに見せるのではなく、ありのままを伝えること。素材や形状を生かし、機能を明確に伝えることをラムス氏は『正直』と捉えています。 Web デザインに限ったことではありませんが、素材に正直であることは良いデザインには欠かせないことです。これは、素材をありのままに使ってシンプルでミニマリストな表現をするという意味ではなく、素材の特徴を
整然とライン上で表示されるCSSフレームワーク·Baseline MOONGIFT
大学ノートには横線が引かれている。これを使って文字を書けば、斜めになったり一部だけ文字の大きさが変わって読みづらくなったりしない。整然と並んで書かれていれば後で読み返す時にもきっと分かりやすいはずだ。ある一定の基準に沿っていると安心感があり、情報を受け入れやすくなるのだ。 グリッド コンテンツを重視したWebサイトではそのような読みやすさの観点も考える必要がある。そのためのフレームワークがBaselineだ。 今回紹介するオープンソース・ソフトウェアはBaseline、グリッドに沿ったCSSフレームワークだ。 Baselineはまるで大学ノート、と思わせるような横線が引かれた背景画像にぴったりと合わせて文字が書かれている。カラムも1〜4カラムで調整でき、幅も3カラム分使ったり、2カラムずつで等分することもできる。統一された、均質的なデザインが組めるのが特徴だ。 フォーム テキストの表示の他
Photoshopでリアルな水彩画風のブラシを作る方法
Adobe Photoshopで、上の画用紙に描いた水彩画のような表現を、ブラシの設定を行うことで実現する方法を紹介します。 ブラシやパターンのプリセットは全て標準でインストールされているものを使用しています。 必要なもの： Adobe Photoshop 7.0以降（Photoshop Elementsシリーズ不可） Intuosや、Favo、Bambooなどのペンタブレット 作例はWindows 2000、Photoshop CSの環境です。 Photoshopを起動して、ブラシツールが選択された状態で以下のように設定します。 「ブラシプリセット」から ソフトエアブラシ – 円 65 を選択 テクスチャの保護 ウェットエッジ にチェックを入れる 「ブラシ先端のシェイプ」で 硬さ：30% にする 「シェイプ」にチェックを入れ、 サイズのジッター：50% 最小の直径：50% にする 「散布
【配色 - デザイン ★★★★★】 - Color Scheme Designer 3
Paletton, the color scheme designer In love with colors, since 2002. Paletton application Colorpedia About Paletton About Paletton Paletton.com is a designer color tool designed for creating color combinations that work together well. It uses classical color theory with ancient artistic RYB color wheel to design color palettes of one to four hues, each of five different shades. Various preview sty
Viewlike.us - Check sites in various resolutions.
About Viewlike Viewlike was a service that helped you check out how your website looked in the most popular resolution formats and screen sizes. In the past the service supported desktop, Laptop, Smartphones and tablets! To use this service you just had to type your URL in the text box above. The service was powered by Ajax & PHP backend and there was no need to download anything! Unfortunately, t
TATSDESIGN CMS » Blog Archive » Photoshop?Fireworks?
注：今回のエントリは主観がよりたくさん混じっています。ツッコミは適宜お願いいたします（誰 ここいらで普通のウェブデザインのお話。通常、現代的なウェブの作り手のかたはPhotoshopかFireworksでデザインを制作し、swfかhtmlに実装していく・・・というプロセスを踏むかと思われます。どちらも優秀なツールですが、僕（あくまで個人として）なりにどちらで制作していくのがいいのかな？というのは数年間、悩みのタネでした。 （昔勇吾さんには「俺Flashでやってるよ」と言われ驚愕した覚えがあります。今はどうか知りませんし、彼はそもそも、Ultimateですから・・・。） 悩みの原因 昔、MacromediaがFireworksの開発元で、AdobeがM社を買収するという話になったとき、Ps/Fwの棲み分けはどうなるの？っていう議論がありました。機能的にこの2つ、結構かぶっている訳です。今は
Ajaxload - Ajax loading gif generator
Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"
wonderfl build flash online
wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash（swf）はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい
FontStruct | Build, Share, Download Fonts
A fun Sans Serif including classic, modern, and loopy shapes. Vary
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
bgMaker ||| Background maker || Tiled Background generator | Web Background maker