ウノウラボ Unoh Labs: 名刺作りで学ぶレイアウト（＋α）基礎講座 その２
こんにちは！ yamazakiです。 前回のレイアウト講座、いかがだったでしょうか。 今回は、前回の続きとして、さらにもう少しあれこれと、名刺・書類などを作るときに役に立ちそうなレイアウト回りのコツなどを、やや補足的に書いてみようと思います。 なお、今回も作例はフォントを「HGP創英角ゴシックUB」「HGPゴシックE」、色は黒のみ、でやってみることにしておきます。 安定/不安定 「安定した見た目」「不安定な見た目」というのがあります。実際にいくつかやってみましょう。 上のほうに大きなもの、太いものがあると、どことなく不安定な印象になります。 meishi1 posted by (C)フォト蔵 下のほうに大きなもの、太いものがあると、安定感が出てきます。 meishi2 posted by (C)フォト蔵 左右/上下が線対称、もしくは、点対称であれば安定感が出ます。 meishi
ウノウラボ Unoh Labs: 携帯サイト作成のためにも使えるPHPのライブラリ
harukiです。 携帯サイト作成の際に使えるPHPのライブラリを知っているだけ羅列してみます。 Net_UserAgent_Mobile 基本となるライブラリです。機種判定など、様々な用途に使用します。 細かい情報については、スクレイピングなどをしたりして自前で用意する必要があります。 PEAR::Mail メールの送信に使用できます。 特殊な送信の際は、Mail::factory()にsmtpで使用することになりますが、キャリアの迷惑メールの設定にも気をつける必要があります。 Mail_mime_Decomail (Y-110's Wiki) Mail_mimeと同じ使い方で、デコメール送信用にMIMEを組み立てることができるのでとても便利です。 Mail_mimeDecode 空メール・エラーメールなどを受け取って解析する際に使用します。 解析の際には、Mail_RFC822:
ウノウラボ Unoh Labs: グラフィック作りのコツとカン
こんにちは。yamazakiです。 前回はレイアウトなどについて非常にざっくりとですが書いてみたわけですが、いかがでしたでしょうか。 そろそろ「グラフィック」のほうも少し書いてみようかという気になってきたので、グラフィック品質を高めるベーシックな技術についても少しずつ書いていってみようと思います。 基本のき 具体的な話に入る前に、まずは基本的な話から。 とりあえず、ざっとあなたの周囲を見回してみてください。壁にしても、PCにしても、「単なる一色のベタ塗り」にはなっていないのではないかと思います。光の加減などで、「影」や「グラデーション」がついていると思います。また、ものの表面には「つるつる」「ざらざら」といった「質感」があるのが当たり前、という中で私たちは生活しています。 そのため、人の目はそういう「グラデーション」や「影」、「質感」がある状況を「見慣れて」います。 グラフィック上
ウノウラボ Unoh Labs: デザインセンスの無い人がwebサイトを作成する際に参考にしているサイト
こんにちは satoです。 いくら面白くて、高機能なwebサイトを作成しても、デザインがダサいとサイトの魅力や開発意欲は半減です。 僕もまったくデザインセンスが全く無いのですが、新しい物を作成する際には以下のサイトを参考にしています。 (1)Color Scheme Generator 2 デザインの大まかな配色等を決めるのに使用することがあります。 真似するだけで、Coolなサイトに見えるような気がします。 (2)Color Palette Generator ロゴ等の画像を指定すると、その画像に合ったカラースキームを 教えてくれます。 (3)Web 2.0 Colour Palette 有名なサイトのカラースキームの一覧があります。 (4)pmob.co.uk CSSや画面分割などのさまざまなサンプルや解説があります。 (5)logopond さまざまなロゴのサンプルがありま
ウノウラボ Unoh Labs: Googleマップの地図を好きな写真に簡単にさしかえられるツール
matsuda です。こんにちは 最近Googleマップで独自の地図を表示したりするのがちょっとしたブームだったりしたので、 よーし僕も挑戦するぞーと思ったのですが、Googleマップって1枚の画像で 簡単に出来るものじゃなかったんだと挫折(ズームごとに256×256pxに分割された画像が必要のよう…)。 しかし、この問題を解決してくれるツールがあったので紹介します。 1枚の写真とズームレベルを決めればあっという間にGoogleマップに画像が表示 されて拡大縮小できる優れものです。 ↓↓↓ The Google Maps Image Cutterよりダウンロードが可能 使い方はいたって簡単 1)メニューの左にあるFileから、地図にしたい写真を選ぶ gimc001 posted by (C)フォト蔵 2)最大のズームレベルを設定する ズームレベルが大きいほど、出来あがるタイルの
ウノウラボ Unoh Labs: 「視線を導く」方法あれこれ
yamazakiです。毎度毎度技術系なこのウノウラボには馴染まない話題を振りまいているわけですが、さてはてどの程度お役に立てているものか…。 今回のテーマは「視線」です。例えばWebサイトは「見てもらう」ことが大事ですし、また、UI設計の場面などでも、「視線をうまく導いてやる」のは使い勝手をよくする上でも大切なことだと思います。といったわけで、ユーザの視線をうまく捕まえてみたり導いてみたりする上で役に立つかもしれない情報を簡単にまとめてみます。 １．視線をつかまえる Web上にも街にも広告だの何だのと情報が氾濫しています。その中で「見てもらう」ためには何かしらの工夫が必要になることがあります。というわけでまずは「人の視線をつかまえる」ための方法論を少し。 「人の顔」を使う まずはこの画像を見てみてください。 01 posted by (C)フォト蔵 最初に、どれを「見てしまいました」か？
ウノウラボ Unoh Labs: 意欲を維持するヒント集
こんばんわ、sashaです。今日は精神論的な話です。 みなさんは「やる気」とか、「意欲」とか、どうやって維持していますか？特に最近やる気がないとか言うわけではぜんぜんないのですけど、日々の雑務に追われていると、モーチベーションが下がったときにクリエイティブに対処出来なくなりがちだよね、といことは自分にも他人にもごくたまにあるように思います。 最近、A List Apartで紹介された記事を読んで、こういうこと、自分でもいつも覚えておきたいし、自分の周りにいる多くの人にとっても役に立てばいいなー、と思ったので、ちょっと自分なりの言葉に置き換えながら翻訳してみました。 すべて知っているかのような偉そうな口調をしていますが、私自身に対する戒めと教えとして書いてますので、お許しください。また、原文では「be motivated to create （作り出すために意欲的であること）」といった
ウノウラボ Unoh Labs: ユーザビリティテスト初心者のための備忘録 - 準備の話
こんにちわ、Sashaです。9月も終わりに近づいているというのにまだまだ暑いですね。 私はユーザビリティテストの専門家ではありませんし、ユーザビリティテストを実施していても、不慣れから来る反省点が毎回のように残ります。今日は、そんなユーザビリティテストにまだ不慣れな方のために、私がこれまでに書きとめておいた反省点やコツをみなさんと共有したいと思います。スムースなテストを開始して、被験者の方にもリラックスして頂くことが出来るように気をつけるべき細かい点ですので、テスト方法とか、被験者の選定方法など、ユーザビリティテストのコアの部分には触れていませんが、ご了承ください。 1. 会場取り ビデオカメラやモニタを設定するため、被験者が来られる15分ほど前から会場となる部屋を押さえておきましょう。11時に被験者の方がいらっしゃるのに、 11時からしか部屋を押さえていないと、準備する時間がないため
ウノウラボ Unoh Labs: ブラウザから使用できる仕様書を書くツールまとめ
こんにちはsatoです。Windows以外の環境で仕様書を書こうと思うと、なかなか良いアプリがなかったりまします。今回はブラウザから使用できる仕様書作成ツールをまとめてみました。 1) オンラインで配置図などを描く Gliffy 配置図などをオンラインで描くことができます。また 画像への出力なども対応しています。いわゆるVisioの代わりになるツールです。 2) pdfファイルをtextに変換する PDFTextOnline pdfをtextに変換することができます。pdfの内容をスクリプトなどで切り出して、データ化するときなどに役に立ちます。他にもいろいろな変換するサイトやツールがあるのですが、ここは日本語が正常に通って見た目通りに変換できます。 3) データベースのテーブル定義などを書く WWW SQL Designer オンラインでER図などが書けます。以前miyakeさんが紹介して
ウノウラボ Unoh Labs: デザイナの立場からの「デザイン依頼のコツ」
こんにちは。yamazakiです。 このブログをご覧になっているのはエンジニアの方が多いと思いますので、デザイナの方とのやりとりをされている方も結構いらっしゃるはず。 社内で「どういうふうに依頼されるのがデザイナとしてはいいもの出てきやすい？」というお話を振られたので今回はそれについて書いてみようと思います。 ※もちろんあくまでこれは私個人が思うところであり、全てのデザイナにあてはまるわけではないと思います。 ので、できればこれをご覧になったデザイナーの皆様も、「こういうふうに依頼してくれると力が発揮できる」というポイントなど書いていただけたら非常に嬉しいです。 また逆に、デザイナにはこういう点気をつけて欲しい、といった、エンジニア視点でのデザイナへのリクエストなどもいただけると嬉しいです。 ---- ビジョン、ゴールを共有するこれは複数の人間が関わるプロジェクトなら当たり前といえば
ウノウラボ Unoh Labs: JavaScriptライブラリといえば jQuery（入門編）
こんにちわ。山下です。 最近、私の周りではJavaScriptライブラリといえば、jQuery の名前がまず最初に挙がってくるようになってきました。今回は、jQueryって何が便利なの？っていう人向けに、ポイントを掻い摘んで説明します。 1.名前空間を汚さない 他のJavaScriptライブラリとかだとStringとかArrayを直接拡張してたりしますが、jQueryはグローバルな名前空間を汚しません。eachとかmapのような便利な関数もすべてjQueryオブジェクトの属性として定義されています。 jQuery.each, jQuery.extend, jQuery.grep, jQuery.map, jQuery.merge, jQuery.trim, etc. また、標準では $ にショートカットが割り当てられるのですが、jQuery.noConflict()と書くことで proto
ウノウラボ Unoh Labs: 2007年のお勧めソフトウェアテスト本リスト
こんにちは！やまもと＠テスト番長です。 今年も残すところあと僅かとなりました。 年末年始といえば（ほとんどの方は）お正月休みですね。 休み中や、帰省の道中には読書をされるという方も多いのではないでしょうか？ 今年発売のテスト関連書籍の中から、お勧めを独断と偏見でピックアップしてみました。 ご参考になれば幸いです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
