白地図、世界地図、日本地図が無料 フリー地図作成 地図ココ 世界地図サイト 有料地図販売 English フリー素材 フリーカレンダー ご利用情報 サイト情報 リンク集 ヘルプ お問い合わせ このサイトでは、広告の表示のためにCookieやウェブビーコンを使用しています。 © 2006-2009 Sankakukei, InoueKeisuke
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 考えれば考えるほど、ISO13407の人間中心設計プロセスって理に適っているように感じます。 「そのサイトに魂はあるのか?」をきっかけに「わかるコンセプト」や「コンセプトがあいまいなら出来るものもあいまい」、「ユーザーの生活や思考を知ることからデザインをはじめる」ですこし遠まわし気味にISO13407の人間中心設計プロセスの上流工程について考えてみたんですけど、本当によくできてます、このプロセス。 コンセプトメイキング=人間中心設計の必要性の特定「ユーザーの生活や思考を知ることからデザインをはじめる」に対して「この場合のユーザや顧客の定義にもよる感じ。お金をくれるお客さん、それともそのお客さんのWebサイトで購入してくれるお客さん?」ってコメントがあったんですけど、そんなこ
桜色 (さくらいろ) # 薄桜 (うすざくら) # 桜鼠 (さくらねず) # 鴇鼠 (ときねず) # 虹色 (にじいろ) # 珊瑚色 (さんごいろ) # 一斤染 (いっこんぞめ) # 宍色 (ししいろ) # 紅梅色 (こうばいいろ) # 薄紅 (うすべに) # 甚三紅 (じんざもみ) # 桃色 (ももいろ) # 鴇色 (ときいろ) # 撫子色 (なでしこいろ) # 灰梅 (はいうめ) # 灰桜 (はいざくら) # 淡紅藤 (あわべにふじ) # 石竹色 (せきちくいろ) # 薄紅梅 (うすこうばい) # 桃花色 (ももはないろ) # 水柿 (みずがき) # ときがら茶 (ときがらちゃ) # 退紅 (あらぞめ) # 薄柿 (うすがき) # 長春色 (ちょうしゅんいろ) # 梅鼠 (うめねず) # 鴇浅葱 (ときあさぎ) # 梅染 (うめぞめ) # 蘇芳香 (すおうこう) # 浅蘇芳 (あさすお
New condos present a compelling option When securing a profitable investment in today’s ever-evolving real estate market. Whether you’re a seasoned investor or just starting, understanding the benefits of this property type is crucial for making informed decisions. With the launch of exciting projects like Nava Grove new launch, now might be the perfect time to consider investing in a new condo. B
以前 Webデザインと黄金比の関係 でご紹介した、白銀比、黄金比、白金比、第二黄金比を使った美しいレイアウトを計算してくれるツールが、さらに再分割できるようになりパワーアップしました。 電脳狂想曲 レイアウトの小技 使い方と説明 実際に画像を表示しながら分割ができるので、サイドバーや画像の大きさを決めるときや、ロゴやメニューを配置するときに便利です。 【使用例】段組(2カラム)するとき 横幅780px の場合 黄金比:横幅 / 552px / 228px 白銀比:横幅 / 512px / 268px 白金比:横幅 / 571px / 209px 第二黄金比:横幅 / 565px / 215px ↓もしかして黄金比? これまでテキトーに決めていたという方も、Webデザインだけでなく、プレゼンの資料などにも活用できそうなので、ぜひ一度お試しください。 参考記事 「見えない線」に沿ってページをレ
最新トレンドやキーワードをわかりやすく解説 WCR Watch [15] 「使える、使いやすい、使いたい」 と思えるUIとは? アドビシステムズ 上条 晃宏 2006/8/31 ここ数年、リッチクライアント技術としてFlashやFlexを採用する例が急速に増加している。この状況の背景としては、アプリケーション開発における“使いやすさ”の実現が重要な要件の1つとして認知されつつあることが挙げられるだろう。 しかし、単にFlash/Flexを使ったからといって使い勝手の良いユーザーインターフェイスができるわけではない。例えば、使いにくかった画面を“そのまま”Flexで置き換えたとしたら、従来からの問題点も再現することになる。これでは改善は望めない。画面設計を行う側にも使いやすさを実現するためのアプローチが求められるだろう。 ここで注目されるのがエクスペリエンスデザイン(XD)だ。エクスペリエン
Webクリエイターなら知っておきたい、あんなことやこんなこと 第一回 Webの常識統一試験 Webダイジェスト版 絶え間なく、そして猛烈なスピードで変化し続けるWebの世界。日々Web制作の仕事に携わっている読者のみなさんも、「何となくわかっているんだけどあやふや」「その分野はどうも苦手で‥‥」といったことが、結構多いのではないでしょうか。 そこで今回は、そんなみなさんの知識レベルを診断することができる試験を用意しました。全部で16問ある選択問題に答えると、自動的に採点されて、Webクリエイターとしてのあなたの知識レベルがわかるようになっています。 最高レベルの得点だった方は、その認定証として特製認定バナーがもらえます。試験は何度でもチャレンジできるので、認定証がもらえるまでがんばってみましょう! ※『Web Designing』2006年9月号の特集では、より本格的な常識テスト問題を掲載
現地時間の9月6日まで無償でダウンロード可能です。一体どれぐらいの価格がするソフトなのかと調べてみると、Amazonでは3万5981円でした。これが今ならゼロ円。 Windows版とMac OS X版があります。 ダウンロードは下記から。 Bryce 5(Windows 98/Me/NT/2000/XP:23.98MB) Bryce 5(Mac OS X 8.x/9.x/10.1/10.2/10.3:19.99MB) どういうものができあがるのかというのはこちらを参考に。 じゅぴたー高木のBryce Bryce Galleries - CG Directories - TerraLab 実際の使い方は以下のサイトが詳しいです。 BRYCE 5 基本的にパーツをぽこぽこ置いていくだけで完成するので、既存の3DCGソフトで挫折してしまった人向けです。追加パーツは公式サイトで売っていますので、購
ブログにちょっと画像がほしいなぁというときに便利なジェネレーターを集めてみました。 専用ソフトがなくても、簡単にあっという間にできちゃうのがいいですね。 ImageChef(日本語対応になりました) こちらは ボムガール | ブログに使えそうなジェネレーター で紹介されていたのですが、なんと75種類あります。 mixi のプロフィールにも使えそうですね。 関連 テキストでハート型などの画像が作れるジェネレーター Web2.0 Logo Creator by Alex P Web2.0 っぽいロゴ E-Zombie.com ゾンビがロゴを作ってくれる Vinyl Record Generator 誰でもレコードが作れるジェネレータ。音楽好きの方はぜひ。 Create Fake Magazine's covers 海外の新聞・雑誌風 どうぞご利用ください。
イラストレーター、アーティスト、Webデザイナー、動画制作者などなど、クリエイティブな仕事をしている方にとって、自分のプロモーションは作品を作ることの次にといって良いくらい大事なタスクだと思います。特に駆け出しの頃は出来る限りアピールできる窓口を作っておきたいところです。 自分の世界観を出来るだけWebサイトで再現したいと考える方は、自分でサイトを立ち上げているのではないでしょうか。Webデザイナーなら自分のポートフォリオサイトを作るのはそれほど難しい作業ではないかもしれませんが、HTMLを勉強するのも一苦労ですし、作品をコンスタントに加えて行くことを考えると、ファイルの構造や柔軟性のあるレイアウトを考えないといけなくなるので、いろいろ模索しているうちに数カ月放置してしまうということもあるかもしれません。凝りだしたらキリがないポートフォリオサイトの制作ですが、とにかく作品を出して世界に自分
Navigation Skip navigation. Site search Site navigation How To Create home Tutorial links CSS tutorial This uses just CSS 2 to turn nested lists into a working menu and does not use any JavaScript (except in IE 5.5-6 on windows where I use the proprietary DHTML behaviours, because its CSS handling is not good enough to work this menu without script) This works in Mozilla 1+, Netscape 7+, Opera 7+,
JavaScriptがオフになっているブラウザでも問題なく利用できるメニューです。なおかつ操作性は損なわれていません。ほとんどのDHTMLをサポートしているブラウザで動作してくれます。 作り方や実例は以下から。 Pure CSS menus http://www.howtocreate.co.uk/tutorials/testMenu.html 以下も同じ種類のメニューです。 Pure CSS Menus http://meyerweb.com/eric/css/edge/menus/demo.html CSS / DHTML Hybrid Navigation Bar http://www.brothercake.com/scripts/navmeister/page.php CSSだけでもけっこうなんとかなるものですね、めもめも。
対象とするユーザーの“慣れや知識”によって,画面の構成を変えたほうが伝わりやすいとするならば,画面上の「ユーザー・インタフェース(UI)部品」の色や形状も,ユーザーに応じて変えるべきでしょう。今回は,代表的なUI部品でありながら,なかなか作り手の思うように押してくれない「ボタン」について考えます。 わかりやすいボタンの形状はユーザーによって違う まず,前回とほぼ同じ絵を用います。Webシステムの操作方法への「熟知度(PCリテラシ)」を縦軸,「提供したいサービスに対する知識」を横軸とします。そして,それぞれの「軸」に対して,受け入れやすいと思われる「ボタン」の形状を例記しました。 上図の【A】や【B】のタイプに当てはまるPCリテラシの高いユーザーは,ボタンの“ラベル”に「submit」と書かれていようが「GO」と書かれていようが,ボタンを認識することはさほど苦ではありません。 しかし,PCに
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 デザインについて語ろうと思っていたら、森博嗣さんのMORI LOG ACADEMYにちょうどいいきっかけになるエントリーがあがっていました。 でも、これ、ちょっと読むと、う~ん、あるあると思うのだけれど、実は僕の身の回り(つまりはWeb制作やシステム設計)の「あるある」という話とは原因が別なのではないかと思いました。 設計図どおりに作ることができても、期待どおりの機能をはたさない、という問題である。これも想像力の欠如といえるので、原因は同じである。重すぎて、あるいは摩擦が多すぎて、モータが回らないとか、強度が弱すぎてぐらぐらするとか、さらには、工作精度が出せないために、それが積もり積もって致命的な欠陥が生じる、ということもある。自分で描いた設計図をもとに、自分自身で工作をし
The Hubble Heritage project was run by a group of astronomers and image processing specialists at the Space Telescope Science Institute from 1998 to 2016. The stated goal of the project was to use the Hubble Space Telescope's archive of imagery, augmented with new observation data, to produce aesthetically impactful and scientifically accurate color images of our universe. Although the team has si
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く