Learn#Photoshop#UI Design Create an iOS-Inspired Flat Countdown Timer in Adobe Photoshop Flat design is dominating the web, and I’m sure you all know that recently Apple created a new look for their OS. I love the minimal appearance of the user interface, and I know Apple fans are eagerly waiting to test the new iOS operating system this fall. So, while we’re waiting, I’m going to show you how to
議論するときには、自分の意見をできるだけ速く、また繰り返し述べたくなるものです。しかし、もっと効果的に議論のペースを握りたいなら、まずは相手の見解を詳しく説明してもらいましょう。 ある分野やテーマについて、実際はそれほど知識がないにもかかわらず、「熟知している」と豪語する人に対抗する場合、まずは意見を詳しく説明するよう相手に頼んでみるのです。ビジネスブログサイト「Entrepreneur」によると、そうすれば、突っ込みどころがすばやく見つかるばかりか、別の観点を認めさせられる可能性が高くなるそうです。このやり方は、ディベートでしばしば用いられるストローマン論法(議論において、対抗する者の意見を正しく引用しない、歪められた内容にもとづいて反論する、という誤った論法)の逆を行く、スティールマン論法(相手に最善の意見主張をさせた後で、それに反論する方法)のちょっとしたバリエーションです。 ある分
グッドパッチのデザイナーがSketch 3を使ったUIデザインの方法を解説する本連載。第1回ではSketchの魅力についてお伝えしました。今回は、スマートフォンアプリの「Sign upページ」を例に、基本的なUIをデザインする上で必要なSketchの操作を説明します。Sketchの使い方だけでなく、UIデザインに役立つTipsも紹介します。 ※文中の(A)などはショートカットキーです。積極的に使って覚えていきましょう! Sign upページは、以下の手順で作成します。 アートボードを用意する ナビゲーションバーを置く ユーザーアイコンの画像を丸く切り抜き配置する 入力欄を作成する ボタンを作成する 解説の中では細かい数値や色については触れませんが、同じ数値で作成したい方は図を参考にしてください。また、今回作成する「Sign upページ」のSketchデータはこちらからダウンロードできます。
前のブログ記事 を書いた時、「訓練された目ならば、不親切なソフトウェアを結構な頻度で簡単に見抜けるようになる」ということに気づきました。 それは初対面の人に第一印象を抱くのに似ています。私たちは初めて会った人の印象を判断するのに コンマ1秒もかからないそうです 。 人を判断するのとは違い、ユーザインターフェースの良しあしを判断することは、私たちが(今はまだ)本能的に行っていることではありません。しかし、たった数分で、もしくはもっと早く、ユーザインターフェースがじっくり考えられて作られたものか、ちょっとした思い付きで作られたものかどうかを判断することは可能です。 どうして判断がついたのかや、どんな警告サインが出ていたのかについては確証がなかったため、私は注意を払い、メモを取ることにしました。 以下は私が気付いたことです。 用語/ラベルの使い方があまりに総称的/一貫性していない これはユーザの
※本ページはアフィリエイトプログラムによる収益を得ています Amazon Echo 「Zero UI」という言葉をご存じだろうか。 米国サンフランシスコで2015年6月23日から25日に開催された「O'Reilly Solid Conference」で、Fjordのアンディ・グッドマン(Andy Goodman)氏が指摘した言葉だ。このイベントは、IoT時代のソフトウェア、ハードウェアに焦点を当てた催しだ。ここでグッドマン氏が語ったのは「デバイスにインタフェースがないこと」だった。 今回は、このZero UIという言葉を枕に、これからのデバイスについて考えつつ、ウェアラブルの位置づけを探っていこう。 IoT時代とは、「インタフェースがないデバイス」の時代 Zero UIという言葉は非常に分かりやすい。意味するところは必ずしも新しいものではなく、これまでのように人が操作するインタフェースでは
使うと嫌な気持になるプロダクト 最近は物を購入すると、嫌な気持になってしまうことが増えてきている. 例えばだけど、これは世界のソニーが発売している DSC-QX100 というカメラである。 スマートフォンと連動して動くデジタルカメラで、変った形をしている。とってもユニークな商品なんだけど、これを使うと私は絶対に嫌な気持になる。嫌な気持になるタイミングをリストアップしていくと、余裕で20項目くらいある。真面目に考えると、50項目くらいは達成できると思う。 例えばなんだけど、3枚くらい撮影すると、スマートフォンとの接続が切れることが多い。相性があってスマホの機種によってはこういうことが起きるらしい。これは予算やら技術の問題で、仕方ないと納得できなくはない。嫌な気持にはなるが、我慢することはできる。 ただし接続が切れた後の挙動が最低で、すごく嫌な気持になる。なぜ嫌なのかというと、考えれば出来るこ
※この記事はどちらかというとお客さん側向けの内容です。 「オリンピックのデザインはなぜ揉めるの?〜発注のグランドデザイン不在と「不気味の谷」現象〜 : 使える「デザインセミナー」」を読んで、この考え方がもっと広まれば良いなと思いました。 オリンピックの件は、全てを見る事が出来るクリエイティブディレクターあるいはアートディレクター的な人が少ないか、発言権が無いのかもしれません。(あくまで予想の話なんで実際どうかはわかりません) クリエイティブに関する部分は多数決で決めていくと、良い結果につながらない場合が多くあります。事実はわからないのでこの話はこの辺で終わり。 デザインの単発依頼でおこりがちな問題 Webでも印刷でもデザインの依頼は多くの場合、単発で行われます。依頼毎にプロモーションの切り口が変わるのは問題ありませんが、ブランドイメージ自体が変わってしまうような事も起きます。 頻繁に発注す
この記事は2016年11月14日に更新しました。 客先でプレゼンする際に、イメージ画像を入れるだけでは魅力が伝わりにくいと感じるときはないでしょうか? 例えば、アプリやWeb制作の場合なら、完成形に近いビジュアルを見てもらう方が見栄えがいいですし、イメージしやすくなります。 そんな時に活用したいのが、完成形に近いイメージ像を簡単に作成してくれるモックアップ作成ツールです。 今回は、オススメしたいモックアップ作成ツール10種をご紹介します。とにかく簡単に使うことができますので、お客様や社内のメンバーに完成イメージを伝える必要がある際は、活用してみましょう。 モックアップとは モックアップとは、本物に似せた模型のことです。 例えば、携帯ショップに行くとよく製品の大きさやデザインの確認をするためのプラスチック製の実際には使えない模型を見かけます。それがモックアップです。 一般的に、工業製品のプロ
2回以上読んだ小説挙げてけ Tweet 1: 以下、\(^o^)/でVIPがお送りします 2015/07/31(金) 22:47:25.299 ID:SRJb0yID0.net 愛と幻想のファシズム 81: 以下、\(^o^)/でVIPがお送りします 2015/07/31(金) 23:35:23.897 ID:5Xch3pnH0.net >>1で村上龍が出るとは コインロッカー・ベイビーズ 82: 以下、\(^o^)/でVIPがお送りします 2015/07/31(金) 23:40:53.044 ID:lLeBlnCiM.net >>81 パインと脂身の缶詰だっけ、あれ食ってみたい 5: 以下、\(^o^)/でVIPがお送りします 2015/07/31(金) 22:48:27.412 ID:8XTI32gWa.net サウスバウンド 37: 以下、\(^o^)/でVIPがお送りします 201
スマホアプリやWebアプリのプロトタイプやデモの操作を見せる時などに、スマホでのタップやデスクトップでのクリックを表現する波紋のアニメーションを簡単に実装できるスクリプトを紹介します。 ランディングページや使い方ページでこういうのよく見かけますね。 TouchPoint.jsの使い方 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <body> ... コンテンツ ... <script src="touchpoint.min.js"></script> </body> Step 2: JavaScript タッチポイントの対象にしたいDOM要素を指定して、スクリプトを実行します。 プロトタイプであれば、「window」でいいでしょう。 <script> TouchPoint.init(window); </script> エレメントを指定したり、波紋のカラーや
がん検診を受けるなら、人工知能を導入した病院に行くべきだ。人工知能をがん検診に応用することで、悪性腫瘍を高精度で見つけ出す技術の開発が進んでいる。メディカルイメージをDeep Learningの手法で解析すると、熟練した医師より正確にがん組織などの病変を見つけ出す。人工知能の進化が、多くの人命を救うと期待されている。 イメージデータから病気を判定 Deep Learningで、イメージ解析精度が飛躍的に進化している。サンフランシスコに拠点を置くベンチャー企業Enliticは、Deep Learningを医療データに応用したシステムを開発している。イメージデータをDeep Learningの手法で解析し、病気を判定する(上の写真)。イメージデータにはレントゲン写真、MRI、CTスキャン、顕微鏡写真などが使われる。検査結果に悪性腫瘍などがあるかどうかを高速にかつ正確に判定する。 Enlitic
(図書館学系の話題でもあるからちょっと悩んだけれど、文献読解全般に関する内容だからこちらへ) 既に日々論文をバリバリ読んでいるひとには今更な記事だろうけれど、分野ごとの違いもあって興味深かったのでざっくり記録する。 論文を大量に読む際に、頭から几帳面に読んでいると時間がどれほどあっても足りないし、後から「こんなことが書いてあった論文なんだったっけ?」という問題も発生してしまう。 研究者の皆様はMendeley などの文献管理ツールをを用いていることが多いかとは思うが、それでも論文の読み方そのものに工夫をすればインプット/アウトプットの効率が圧倒的によくなるので、やってみるにこしたことはない。 その工夫とは何かというと、論文を読むときに「特定の問いに集中して読む」というものだ。学術論文は分野ごとの違いはあれ、必ず特定の流れに従って構成されている。そこで要点のみに注目して読み、他の事項を捨てる
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く