Adobe Illustrator CCで徐々に透明になるグラデーションを作る方法をご紹介します。通常のグラデーションを作成して、それに不透明マスクをかけることによって簡単に作ることができます。通常のグラデーションの作成グラデーションをかけたい画像を準備し、同じサイズのオブジェクトを作成します。※作成したオブジェクトは分かりやすいように線に色をつけていますが、グラデーション作成時には線はなしでかま……
Adobe Illustrator CCのグラデーションツールの使い方を紹介します。グラデーションツールは直感的にグラデーションを描くことができるので、とても便利です。線形・円形の両方のグラデーションを書く方法をお伝えします。線形のグラデーションを書く方法グラデーションをかけたいオブジェクトを選択し、「グラデーションツール」をクリックします。オブジェクトの中心点でダブルクリックします。グラデーショ……
「ページをざっと読んだだけで、欲しい情報を見つけられた！」ユーザーがWebサイトを閲覧する時、そんな状態が理想ですよね。しかし、調査によるとなかなかそうはいかないようです。いくつかのユーザビリティテストでは、人々は最初に目に留まった、それなりに合理性があるものを（たとえ、実際は間違っていたとしても）選んでしまう傾向にあるということが証明されています。つまり、ユーザーは自分の目的に少しでも関連があり……
配色、フォント、レイアウト、アニメーションなど、デザイナーが考えなければはいけないことは膨大です。急がなきゃいけないのになかなか作業が進まない…と苦戦することもあるのではないでしょうか。そこで今回は、デザインをより効率的に、ハイクオリティにしてくれるWebサイトやサービスをご紹介します。Coolors[caption id="attachment_21930" align="aligncenter……
最先端で優れたプロダクトデザインの実現の鍵となるのがシンプルさです。しかし、シンプルさはよくミニマルさと混同されます。実際には、一見シンプルでミニマルな（最小限の）プロダクトUIが複雑性を隠し持っていることも多いのです。単純化を目的としたデザイン決定は、より多くの摩擦や認知的負荷を引き起こしやすく、より複雑なユーザーエクスペリエンスをもたらすことがあります。テキストラベルのないアイコンはわかりにく……
今回はRubyでnil判定をする方法について解説します。nilRubyにおいてnilとはなにも存在していない状態です。オブジェクトの中身やオブジェクト自体がnilかどうか判定するときに使えるメソッドnil?、empty?が標準で用意されています。Ruby on Railsでは他にもnilの判定に使う便利なメソッドがあります。nil?nil?ではレシーバがnilの場合、trueを返し、nil以外のと……
今回はRubyにおける文字列の比較について解説します。文字列の比較Rubyで文字列を比較する時はeql?、equal?、==、===を使用します。ではどう使い分ければ良いのでしょうか。eql?eql?は同値性を比較します。文字列の内容が変わらなければtrueを返します。主にハッシュ内でのキーが同一かどうかの判断に用いられます。例:milk = "milk" puts milk.eql?("mil……
今回はRubyのハッシュの使い方を解説します。ハッシュハッシュとは連想配列とも呼ばれ、複数のオブジェクトを一括で管理するためのオブジェクトです。配列では１つ１つの要素にオブジェクトが代入されていましたが、ハッシュでは値とキーの２つのオブジェクトが代入されています。キーを指定することで、それに対応する値を取り出すことができます。Rubyではハッシュクラスが用意されています。ハッシュの生成Rubyでハ……
Photoshopには非常にたくさんの機能とその組み合わせが存在します。その中から、幾つかのテクニックや操作方法を紹介しながら、スマートフォンのアプリで急速に流行したトイカメラで撮影したような写真を作っていってみようと思います。下の画像が完成形です。今更聞けないphotoshopテクニックまとめ編集したい画像を開きます。これが上の猫の画像の初期の状態です。新規調整レイヤー初めて知った時、なんて便利……
「このアイデアはｷ･ｷ･ｷ･ｷﾀ━━━━━━(ﾟ∀ﾟ)━━━━━━!!!!」 と、トイレにこもっていたあなたは革命的なアイデアをひらめきます。このアイデアを形にして世の中に出せば、世の中がガラッと変わる未来が見えると、あなたは興奮にふるえています。しかしながら、リーンスタートアップの思想を学んでいるあなたは、きっとこう思うでしょう。 「冷静になろう。このアイデアは思い込みかもしれないから、し……
