リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)
こんにちは、イメージ担当の長谷川です。 今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラデーションの設定をします。 長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。 以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。 ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。 次にノイズを適用量：10で追加します。これが同心円状のヘアラ
文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン
研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演（アウトリーチ活動）の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者（研究仲間や審査員、一般市民）へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく
良いデザインって？技術を学ぶ前に知っておきたいデザイン・レイアウトの基本的なこと
デザイナーになりたいって思った時にPhotoshopやIllustrator、cssやhtmlを勉強しなきゃな〜><て考えると思うのですが、技術的なことを学ぶ前にまずデザインが出来なきゃ始まりませんよね。 センス？かっこ良さ？奇麗さ？良いデザインにしたいけど、何をしたらいいかわからない。そんな時に何を考えたら良いのかデザインの基本をまとめてみようと思います XD はじめに 良いデザインって？ 最良の方法？ 1.コンテンツの目的 2.ターゲット 3.これらを組み合わせた例 デザインの基本 1.書体について 2.ジャンプ率 3.ホワイトスペースを生かす >ホワイトスペースで情報を分割する >ホワイトスペースで囲む >ホワイトスペースにあえてはみ出す 最後に はじめに デザインという言葉を聞くと、かっこいい、かわいい、おしゃれ、きれい、などと感覚的なものを思い浮かべる方が多いのではないでしょうか
ポップカルチャーに刻まれた 私たちの2年 | STUDIOVOICE【前編】アニメ・コミックス
VOL.4152019年9月20日（金）発売 「We all have Art. 次代のアジアへ――明滅する芸術（アーツ）」 今号「We all have Art. 次代のアジアへ――明滅する芸術（アーツ）」は、前々号（vol.413）「Flood of Sounds from Asia いまアジアから生まれる音楽」と題した音楽特集、そして前号（vol.414）「Self-Fashioning from Asia あらかじめ決められない流儀（スタイル）へ」と題したファッション特集に続く、アジア三部作の完結編となります。 特集では、ノーベル文学賞作家、ル・クレジオの未翻訳小説『ビトナ、ソウルの空の下』の特別抄録にはじまり、世界的大ヒットを記録している『三体』シリーズを手がける中国SF界の巨匠、劉慈欣（リウ・ツーシン）の自宅インタビュー、さらにここ日本でも注目を集めている韓国の文学／現代詩と社
ウェブデザインのマンネリ化から抜け出したい人のためのリンク集
ウェブサイトでよく使用されるエレメントやデザインのアイデアをコレクションしている、インスピレーションを与えるサイトを紹介します。
非デザイナーのためのデザイン基本テクニック その２ | 07design.blog
前回の投稿からかなり空いてしまいました。はてブ砲によりかなりアクセスが伸びてしまい、プレッシャーでいい記事を書こうと思えば思うほど腰が重くなってしまいました。というのはウソでずっとときメモやってました。次回からはもったいぶらないで何かエントリを書く際は一気に書こうと思います…。さて続きです。・・・前回の投稿からかなり空いてしまいました。 はてブ砲によりかなりアクセスが伸びてしまい、プレッシャーでいい記事を書こうと思えば思うほど腰が重くなってしまいました。というのはウソでずっとときメモやってました。 次回からはもったいぶらないで何かエントリを書く際は一気に書こうと思います…。 さて続きです。 前回非デザイナーのためのエントリーだからwebサイトじゃなくてチラシにしよう、と思って記事を書いたんですが 駆使するツールがもちろんweb上にあるものなので、カラーもweb用になってることを失念
顧客ロイアリティをあげるための８要素
近年、ページビューといったマス視点の数稼ぎではなく、ひとりひとりの利用者にどのようにリーチして関係を作るかといった部分が注目されています。それはＥコマースだけでなく、コンテンツサイト、そして私が運営しているような個人サイトでもいえることだと思います。また次も訪問してもらうためには何が必要なのでしょうか？コンテンツ (製品やサービスを含）があることが必須ですが、他に何があるとロイアリティを上げることができるのでしょう。Webデザインという視点からみても幾つか提案できることがあります。 2002 年 Journal of Retailing に掲載された「Customer loyalty in e-commerce: an exploration of its antecedents and consequences (PDF)」という記事 には、顧客ロイアリティを上げるためには８つの要素が絡
ウェブデザインにおけるネガティブスペースの活用ガイド
ネガティブスペースを巧みにつかったウェブサイトの紹介をはじめ、ウェブページのレイアウトでどのように分析し改善するのか、効果的に活用するガイドをSix Revisionsから紹介します。 Negative Space in Webpage Layouts: A Guide 下記は、各ポイントを意訳したものです。 はじめに ネガティブスペースとは ネガティブスペースの重要性 ネガティブスペースを実例から学ぶ まずはデザインの単純化から ネガティブスペースを分析、そして改善 ネガティブスペースの活用例 おわりに はじめに ネガティブスペースは多くの場合、ミニマリズムのようにシンプルを美とした特定のデザインだけのものであると誤解されています。本来ネガティブスペースというものは、あらゆるデザインにおいて注意を払い、そして慎重に組み立てて使用すべきものです。 ここではネガティブスペースが何であるか、そ
リンクをクリックした時に出る点線を出ないようにする - スローライフな旅 AirNX - 開発者ブログ
IEやFirefoxではリンクをクリックした際にその周りが点線で囲まれます。 クリックした、ということは分かりやすいのかもしれませんがデザイン的にはとてもに邪魔です。 これを消す方法です。 <head> 〜 </head>内に以下を追加します。 <script type="text/javascript"> <!-- function disable_links_outline() { var blur = function () { this.blur() }; for (var i = 0; i < document.links.length; i++) document.links[i].onfocus = blur; } //--> </script> そして<body>タグを以下のように変更。 <body onload="disable_links_outli
designscollage.com - designscollage
designscollage Toutes les idées Actu Comment trouver les accessoires japonais pour parfaire sa tenue ? February 29, 2024 Actu En quête d'élégance décontractée ? Découvrez nos robes crochet pour un style sans effort ! February 26, 2024 Actu Quel sac choisir pour quelle occasion ? February 23, 2024 Actu Explorez notre sélection de bijoux uniques : laissez-vous séduire ! February 22, 2024 Actu Choisi
デザインとグラフィックの総合情報サイト MdN Interactive
デザインする グラフィックアプリの使い方から、デザインの基礎、最新の表現手法まで、デザイナー、イラストレーター、写真家が知りたい情報が満載！
9 Professional Web Design Tips
If your website is poorly designed, you will drive leads away. They will seek out another business, causing you to lose business to your competitors. To attract leads, you need a professionally designed website that entices and engages them. This will help you keep your leads on your page so that you earn more conversions for your business. On this page, we’ll provide you with nine professional we
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://designaholic.cc/2011/11/web8.html
新着記事