オサキ@9y&5y姉妹 @osakikonkon 奈良の山奥で古民家をDIYしながら小4姉、年長妹を育児中のワンオペ主婦。狩猟免許取った！罠猟！手芸好きで大正ロマン好きでお狐様好きで着物好きのオタクな関西人。思いついたら即行動。頭の中では常に音楽流れてるネアカ。職場の机はそこそこ片付いてるけど家の中とっ散らかってる系ADHD。経験フェチ。ギチ沼の住民。

なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】UXUIDesignUIデザイン画面設計 1.はじめに エンジニアの私がデザインを本気で勉強した結果、デザイナーとエンジニアはそもそも思考が大きく違っているということがわかりました。 今回は「それ」をデザインに苦手意識のあるエンジニア方にも理解してもらえたらと思い、わかりやすくまとめてみました。 2.アプリの画面デザインを考えてみよう まず、こんなアプリを考えてみてください。 フィットネストレーナーが使うアプリ トレーニングルームでお客様とお話しながら使う 端末はタブレット そして 会員の個人情報確認 前回までのトレーニング状況の確認 次回の予約受付 といったことをします。 使える情報としては、こんな感じです。 あなたならどう画面デザインをするか、もしお時間があったら考えてみてください。

リンク 楽天市場 【楽天市場】LOUIS VUITTONルイ・ヴィトン【20SS】ジッピー・ウォレット【送料無料】【SELECTHOUSE☆セレクトハウス】ダミエ レディース ウォレット ロングウォレット 財布 20春夏：SELECT HOUSE 新作 ルイ ヴィトン【LV正規店直接買い付け品】。LOUIS VUITTONルイ・ヴィトン【20SS】ジッピー・ウォレット【送料無料】【SELECTHOUSE☆セレクトハウス】ダミエ レディース ウォレット ロングウォレット 財布 20春夏 リンク 楽天市場 【楽天市場】【生地 布】綿ツイル 市松模様(ブロックチェック)【30cmから販売 メール便は2ｍまで】【定番 ブロック柄生地 コットン 布地 厚手 格子柄 市松文様 チェック チェッカーフラグ ハンドメイド 手作り】（YO21）：生地と手芸の店 キンカ堂池 白と黒のブロックチェック（チェッカ

Word・Excel・PowerPointには、ワードアートという便利な機能があります。しかし、残念ながら、パソコン教室や市販のテキストでは、ダサい作成例だけを紹介して、インパクトがあって目立つ！などという珍妙な説明をしています。 これは完全に間違いです。このような手抜きをすると、安上がりで低レベルな内容であるという、悪い印象を与えます。 初心者が最初に身につけるべき基本的な技法は「白抜き」と「袋文字」です。今回は、この２つの技法について、まとめて出題します。繰り返し練習して「正しいワードアート」の使い方を覚えましょう。 なお、この記事ではOffice2010以降で説明します。Word・Excel・PowerPoint共通です。Office2010以降では、ワードアートは テキストボックス と統合されています。詳しくはこちらの記事をご覧ください。 わえなび ワード＆エクセル問題集 id:w

『夢／愛』 「夢」と「愛」が、図（形）と地（背景）の関係になっている図地反転型アンビグラム。 ２つの文字を重ねると正方形の中にジグソーパズルのようにぴったりと嵌り合います。 ネガポ字。： いとうさとし

『Soldi』は、複数の企業と提携し情報を提供しており、当サイトを経由して商品への申込みがあった場合には、各企業から報酬を受け取ることがあります。ただし当サイト内のランキングや商品の評価に関して、提携の有無や支払いの有無が影響を及ぼすことはございません。また当サイトで得た収益は、サイトを訪れる皆様により役立つコンテンツを提供するために、情報の品質向上・ランキング精度の向上等に還元しております。 名古屋の事業会社でデザイナーをやっているAkitaと申します。 プロのデザイナーとして、デザインで気にしているところは沢山ありますが、中でも一番こだわっているのは「フォント」です。 「フォントの選び方でデザイナーの実力が分かる」というのは、私が最初にデザインを教わった先輩の言葉でした。 世の中にはどんどんクオリティが高く、美しいフォントが登場しています。 広告・パッケージではやはり有償フォントが目立

2016年5月10日 Webデザイン, ユーザビリティ, 色彩 人間は一瞬で物を識別します。研究によると、たった0.1秒で人を判別できるようです。Webサイトにおいても同じことが言え、ユーザーはWebサイトを開いて0.05秒でそのサイトが好きかどうかを判断し、そのサイトを見続けるか、閉じるかを決めるそうです。そんな大切な「第一印象」。どのようにチェックすればいいのか、考えていきましょう！ ↑私が10年以上利用している会計ソフト！ ぼかしテスト ぼかしテストでは、デザインをぼかした状態で確認し、強調するべき箇所が強調されているかをチェックします。 テスト方法 Photoshopを使う方法と、ブラウザーを使う方法があります。 Photoshopを使う方法 バナー広告やWebサイトのスクリーンショット画像を用意 Photoshopで フィルター＞ぼかし＞ぼかし（ガウス）で5〜10pxほど画像をぼ

UIには本来のサービスが成り立つ上で必要な機能に基づいた必須UIの他に、その必要機能についてユーザーに学んでもらうための学習用UIというものが存在します。本来であればサービスに必要なのは必須UIのみだったはずですが、リリース後やリリース前の段階においてユーザビリティテストを行なった結果があまり良くないのであれば改善をすることになります。しかし、UIのどこに課題があるのかの分析と改善には時間がかかり、実装などでも工数が発生することも考えると、より少ない手間で解決する方法が望まれます。今回は、このようなユーザビリティ上の課題を解決するために生まれた学習用UIのパターンをご紹介します。 参考：モバイルデザインパターン 第2版 ―ユーザーインタフェースのためのパターン集 使い方を学習するためのUIパターン もし新規のユーザーがサービスのコア機能の使い方がわからなければ、サービス自体を利用してくれな

ビスケットは，開発して新しい機能を追加したときなど，必ず子どもたちが使っている様子を自分目で見てどんな風に使っているかを見てきます（最近はその暇が無くて他人に任せていたりして，かなりまずいんですが）．3年前くらいの面白いエピソードをご紹介しましょう． ちょうど，Androidタブレットで動くビスケットを開発していて（これはまた一般には配布していません．実験環境だけです），それがどのように子どもたちに使われるか見に行きました．僕としても指で直接操作するタブレットのUIの開発は初めてで．実は，マウスとタッチペンの操作は結構似ています．どちらも，非常に小さいエリアを結構正確にポイントできて，ドラッグもできますから．どちらかというと，ペンの方がドラッグが得意でしたね．小さい子はマウスクリックが全然出来ないとか（ボタンを押すときに指先だけ押すということができないので，手を握ってしまって，その結果マウ

入力フォームのプレースホルダーテキストは、入力欄にどんな情報を入れたのかをユーザーが思い出すことや、エラーのチェック・修正を難しくしてしまう。また、視覚や認知機能に障害のあるユーザーにはさらなる負担となる。 Placeholders in Form Fields Are Harmful by Katie Sherwin on May 11, 2014 日本語版2014年6月17日公開 コンテクストに沿った説明やヒントは、入力フォームのそれぞれに何が入るかを明確にするのに役立つ。その結果、入力が促進され、コンバージョンレートは向上する。ヒントの提供方法はいろいろとある。実装として一般的なのは、入力フォーム内に説明を入れるやり方だ。しかし、残念ながら、入力フォーム内のプレースホルダーはユーザビリティに役立つよりも損なうことのほうが多いことがユーザビリティテストでは繰り返し示されている。 ラベル

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

1枚1,990円で自分だけの「UT」が作れるという、ユニクロのオリジナルTシャツ作成アプリ「UTme!」。 http://utme.uniqlo.com/ 一見、便利かつ素晴らしいものに見えるこのサービス。 しかし、その利用規約には恐るべき内容が記載されているのであった。 続きを読む

ちょっとしたイラストが描けたらなぁ。なんて思うこと多いですが、デジタルならではの方法で簡単に描く方法が公開されていたので、簡単ですが訳したいと思います。詳細はオリジナル記事であるHow to Draw Cute Thingsを御覧ください。 最初に好きなネコとかハムスターとかナマケモノなどの動物の画像を用意する。基本的に何でも良いけど、慣れるまではモフモフ系がやりやすいみたい。トカゲとか蛇はむずい。 選んだ動物を円の集合にする 円じゃなく三角や四角を使ってもよい。動物をシンプルにする工程。画像ソフトのシェイプから選んでね。 できた形の輪郭を描く 必要のない線を消す。余裕あったら脇の下を細めたり足の重なりを上手に書いたりしてみる。 全体のバランスを変形してかわいくする 頭大きくしたり、胴体縮めたり、太らせたりしてかわいくする。ここはセンス。 可愛さは目に宿る 目が一番大事。サンプルを参考に。

2013年もあと僅か。 今年も、良いモノ,悪いモノ,普通のモノ,沢山のモノを購入しました。 という事で、今年2013年に購入した様々なアイテムの中で「これは本当に買って良かった！」というモノだけをまとめてご紹介してみようと思います！ 【2013】これ買って本気で良かった製品 私@nori510 )が買ったものから独断と偏見で、今回は全部で15点の「買って良かった」モノを選んでみました！ 氷が溶けない脅威の保冷性『サーモス 真空断熱タンブラー』 インスタントなのに美味しいコーヒーメーカー『バリスタ』 スマホと簡単連動する体重計『カラダスキャン』 1万切りでコスパ最強のロボット掃除機 nexus7(2013)16G 最強モバイルバッテリー！『cheero Power Plus2』 ランニングに最適な『XtreamMac スポーツアームバンド』 Bluetooth通信のFMトランスミッター 安い

※ギフトラッピングをご希望の場合は、包装個数分のラッピングチケットをご購入ください。 ※ギフトセットはラッピングされますが、熨斗がけにはチケットの購入が必要です。ご希望の場合、上記「ラッピングチケットを購入」から「包装紙+熨斗がけ / 330円」を追加してください。 ※手提げ袋／メッセージカードを追加する場合にも、各アイテムのご購入が必要です。こちらも上記リンクからご購入いただけます。 ※ギフトラッピングについてはこちらから。

Googleでヒドすぎる検索バグが発生中、リンクテキスト消滅やHTMLタグの表示など──検索結果ページのデザイン変更と関連か Googleの検索結果で一部ユーザにバグが発生中 先月末ごろより、PCからGoogle検索を利用した場合の検索結果ページ（SERP：Search Engine Result Page）にバグが発生している。 筆者が確認した限りでは、リンクのテキストが消滅し「...」に置き換えられたり、文字数が多すぎるリンクの省略表示が異常なものになることが多々見受けられる。 また、その他にもリンクテキストに明らかに不自然なタグが挿入されるケースもある。 このようにHTMLタグである<b>タグ（強調表示）や<wbr>タグ（改行してもよい位置を示す）が露出してしまっている。 これらのバグの発生原因は確定していないが、現在Googleが実施している新しいデザインの検索結果ページの導入テス

石井裕：理念駆動～タンジブル・ビッツからラディカル・アトムズへ MIT Media Lab CREATIVE TALKより 情報と身体の結合 石井裕：　この世界にある知識・情報（knowledge）を、どのように表現するのか、これが私の研究の出発点です。現在、あらゆるディジタル情報は「ピクセル」（画素）で表現されています。情報はフラットなスクリーンの裏側に閉じ込められており、実体がなく、触れることのできないインタンジブル（intangible）な表現となっています。しかし、私たちが実現したいのは、表現のなかに情報と人間とを直接的につなぐインターフェースが埋め込まれている表現、直接触れて操作できるタンジブル（tangible）な表現です。 我々が暮らす地球は太陽系の一惑星です。太陽を中心とする衛星群の動きを表現したものが「太陽系儀」です。非常に美しい工芸品で、太陽系に関する知識や情報を、シン

フォントフリーについて FONT FREE（フォントフリー）は、無料で使える日本語フリーフォント投稿サイトです。 漢字やカタカナ、ひらがなをはじめとした日本語の無料フォントを、明朝やゴシック、手書きなどのカテゴリーから探すことができます。紹介ページリンクからダウンロードもすぐにできます。 あなたの欲しかったフォントが、すぐに見つかりますように。