素敵なインターフェースを心がけ、ユーザーエクスペリエンスを格段に改善することができる、UIデザインの重要ポイントを具体的なHTML/CSSのサンプル例と一緒にご紹介します。これらの各ポイントは、もともと@steveschogerがTwitterでツイートした内容となります。 1. アイコンはラベルよりも少しだけ明るくしよう。 文字ラベルの横にアイコンを配置するときは、少しだけ色を明るくしてみましょう。こうすることで、もっとも重要な情報（文字ラベル）をうまく強調することができます。 See the Pen Little UI Details : 小技テクニック01 by PhotoshopVIP (@vipcrew) on CodePen. 2. 明るい背景色では、白文字に少しだけ影を追加しよう。 背景色が明るく、白文字を利用するときは、文字に少しだけ素敵な影を加えることで、より読みやすくな

こんにちは、あゆみです。 Web用としてデータを作成し、フライヤーなどで印刷したとき「なんか色が違うなあ……」と思ったこと、ありませんか？ RGBからCMYKへ変換すると、墨がくすんだような仕上がりになることがあるんです。そこで今回は、Webと紙の両方でデザインをするときに気をつけたい、ちょっとしたことをまとめてみました。 「わからないこと」が一瞬で解決するかも？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGのスクールでは、現役デザイナーがマンツーマンで指導します！ ▼少しでも気になる方は、ぜひ公式サイトをご覧ください！ CMYKとRGBの基礎 まずは色そのもの（CMYKとRGB）についてさくっと説明します。 みなさんが普段目にするものにはすべて色がついていますよね。すべての色は光からの刺激でそ

pxでも、%, em, rem, vw, vhなどの相対単位でも、異なる単位の計算式で値を指定できる「calc()」がどのように機能し、どのように使うのか、「calc()」を使うと便利になる要素のセンタリング、フォントサイズ、グリッドの作成などの実装例を紹介します。 Opera Miniを除くすべてのメジャーブラウザに「calc()」はサポートされており、レスポンシブとも非常に相性のよいCSSの関数です。 How calc() Works 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 「calc()」とは値を計算式で指定できる 「calc()」を使う理由 「calc()」の使い方 「calc()」を使うと便利になる実装テクニック 「calc()」とは値を計算式で指定できる CSS3の「calc()」は、プロパティの値を計算式で

写真が上達するコツ 第１回　写真で伝えたいことを決めよう 上手な写真を撮る上でもっとも大切なこととはなんでしょう。それは、その写真で「 伝えたいこと 」がなんなのかをはっきりさせることです。「 写真が上達するコツ 」第１回目は、写真で伝えたいことを決める方法と、その効果的な手段について紹介します。 ■ 写真の良し悪しはテクニックではない 「 高価な機材を買ったり構図などのテクニックを学んでも、人を魅了する写真が撮れないのはなぜ？ 」 これは、筆者が写真セミナーやワークショップで講師をしているときに、たまに受講生の方からうける質問です。こうした質問をする方は決して撮影が下手なわけではありません。下手どころか、とても高価なカメラをお持ちだし、テクニックも人並み以上ですから、撮った写真を一見するととても上手に見えます。しかし、その写真には大きな欠点があるのです。それは……。 「 伝えたいことがな

Illustratorのパターンの扱いは、Illustrator CS6以降、劇的に改善されています。しかし、従来からある機能の組み合わせによる、デフォルトのパターンスウォッチの応用についてご紹介します。 「ベーシック」パターンを開く ［スウォッチ］パネルメニューの［スウォッチライブラリを開く］→［パターン］→［ベーシック］のサブメニューには「ベーシック_テクスチャ」「ベーシック_ライン」「ベーシック_点」の3つのライブラリが入っています。 ドットやライン、そして、テクスチャのパターンスウォッチが入っています（パネルメニューでスウォッチの大きさを変更）。 図形を変形せずに、パターンのみ（拡大）縮小する 四角形にラインのパターンを適用します。 ［拡大・縮小］ダイアログボックスを開き、［オブジェクトの変形］オプションをオフにして、［拡大・縮小］を「50%」に設定します。 オブジェクトの大きさは

Mac小技・裏技・初心者Macのショートカット・作業効率化MacのFinderで「カット&ペースト」する方法！追加アプリ不要なんて知らなかった2015年10月3日229 @JUNP_Nです。MacのFinderは「カット&ペースト」ができないと思い込んでいましたが、僕の知識不足なだけでカット＆ペーストって普通にできたんですね。知らなかったという人もいそうなのでカット＆ペーストのショートカットをご紹介。 MacのFinderで「カット＆ペースト」できるなんて知らなかった「OS X El Capitan」がリリースされ「Total Finder」や「Xtra Finder」といったFinder拡張アプリが使えなくなり、「カット＆ペースト」できないじゃん！と思っていました。 Macで「カット＆ペースト」ができないなんてことはないだろうし、絶対に方法があるはず！と思って調べてみたところ、やっぱりあ

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

こんにちは、LIGのカメラ担当のゴウです。 昔からカメラが趣味でずっと人を中心に撮ってきたのですが、撮影をする際の「笑顔の引き出し方」に関してのノウハウを今回お伝えしたいと思います。 が、その前にひとつ、フォトコンテストの紹介をさせてください。 ベストスマイル・オブ・ザ・イヤー！ 日本歯科医師会が主催する、ベストスマイル・オブ・ザ・イヤーというフォトコンテスト。「とびきりの笑顔」というテーマで1993年から行われています。 今回、そのコンテストをLIGブログで紹介して欲しいというリクエストをいただいたので、紹介したいと思います。そうです、ステマというやつですね。 ベストスマイル・オブ・ザ・イヤー2013の公式サイトはこちら (・∀・) ｽﾃﾏ ﾊ ｺｺﾏﾃﾞ! はい！ という訳で、今回の記事ではカメラのテクニックというよりは、「笑顔をどう引き出すか」という所にフォーカスしてまとめてみました

人物・動物のイラストを描く時の参考になる骨格や筋肉の仕組み、動きや表情、手や足など各部位、赤ちゃんからお年寄りまで世代ごとの特徴の出し方、ネコや鳥や馬などの動きや品種や柄などの描き方を紹介します。

子供の頃から絵を描くこと（ラクガキ）が大好きでした。 とはいえ、絵を仕事にする画家や漫画家になりたいというのはあまりなく、ただ単に絵を描くことが好きでテストの裏紙やノートや手帳に描いたりがほとんど。 それもあって「これは自分が楽しむためのラクガキなんですよ」といい続けてきました。 そんなある日、このブログで私のラクガキを見てくれた知人の「僕も絵を描けるようになりたいんです！」というリクエストに応えるために「ハッピーラクガキライフ」というラクガキ講座を開催することになりました。 今回はその講座の中でも一番キャッチーで多くの人に喜んでいただいている「絵が苦手な人でも一瞬で100の表情が描けるようになるテクニック」をご紹介したいと思います。 人間の表情を構成する要素 人間には人の顔にとても敏感に反応する本能が備わっています。この現象のことを「シミュラクラ現象」といいます。 ▼点3つが顔に見えるこ

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

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

こんにちは。デザイナーの藤田です。 久しぶりにPhotoshopのtips記事をお届けします。 皆さんは�“水しぶき”などの背景が透けた画像の切り抜きに苦戦したことはありませんか？ ただ背景を切り抜くだけだと、透明感をなかなか表現できませんよね。 そこで今回は、“水しぶき”などの透け感がある画像をみずみずしく切り抜く方法をご紹介いたします。 ※今回の記事で使用している画像は下記サイトのものです。 water splash http://nihongo.istockphoto.com/stock-photo-13225547-water-splash.php Psd Soda Can Mock-Up Template http://www.pixeden.com/psd-mock-up-templates/psd-soda-can-mock-up-template Photoshopで“水し

最近旅行、というかいろんな土地に行くことが多くなったので書いてみようかと。ちょっと精神論的な部分に転びやすいうえにテクニックについてはあまり書いてませんのでお茶請け程度に。 1. とにかくなんでもとっておく。何度も撮っておく (X-M1/XF35mm f1.4/Eurostar) 長距離移動中はともかくとして、平均して一分から二分に一枚くらいのペースで写真を撮るくらいで良いと思います。それくらい「あ！」みたいな瞬間はあるし、もしなかったとしてもそれくらいのペースを作っておくと「あ！」が来た時に逃さない。博物館、バス、チケット、電車、駅…なんでもです。特に食べ物に関しては店に入る前、食事が出てきたら、ひとくち食べたら、食べ終わった後、そして変えるときにもう一枚くらい写真を撮っておくことをおすすめします。食事ほどもう一回！ができないものはありません。 ただし、撮ってはいけない場所ではきちんとカ

結構、家事の愚痴を聞く機会が多い。 まあ、独身時代が長かったから洗濯も炊事も掃除もひと通りは出来るんだが、子育ては結構無理ゲーだ。 セーブポイントは無いわ初期パラメータ不明だわ、そもそも進んでるのかも判らん。 言いたかないが、やっぱDNAってのはあって、初期シムシティレベルの子から、HoI3のフィンランドみたいな子もいるわけだ。 あのネ、ソ連強いのよ。超大国よ。無理だってアレ。 閑話休題。 何が言いたいかって言うとだ、結構な頻度で「家事が辛い」→「家族と相談しろ」のコンボになる光景を何度も見た。 それな、はてブが大っ嫌いな精神論じゃんか。 ブラック企業のサビ残ってのは、同僚とか上司とか妻or夫に相談したらどうにかなんのか？ ならんだろ。 だから、「家事」はレベルを上げて物理で殴れ 洗濯を物理で殴るレベルを上げよう。 ドラム式洗濯乾燥機を買え。 洋服はすべて消耗品だと思って、乾燥までやれ。

こんにちは、LIGブログ編集部です。 SNSの普及に伴い、料理の写真を撮る人は本当に増えたと思います。料理が出されるたびに、食べる前にまずは撮影、というのが習慣になってる人も多いのではないでしょうか。 しかし、簡単そうに見えて意外に難しいのが料理の撮影です。本当はとても美味しそうな料理なのに、写真で撮ったらイマイチ……という経験は誰にでもあるのではないでしょうか。この記事では、スマホでもできる美味しい料理の魅力が伝わる写真を撮るためのちょっとしたコツやテクニックをご紹介します。 ライティング（光の調整）、構図、背景・小物、アングル（角度）、シズル感の5つのポイントを押さえて、食べ物を美味しく撮ってみましょう！ ※この記事は2022年2月に編集部が情報を更新しました ライティング（光の調整） 明るいところで撮影する 料理は自然光（太陽の光）の下で撮影することで明るく自然な色合いが表現でき、美

編集編 1. 使えるものはOffice Picture Managerでも使え Lightroom, Photoscapeその他いろいろありますが、使えるものはなんでも使いましょう。撮って出しなんて中級者になってから考えればよいのです。 クソ写真も編集次第でどうとでもなります。 wonodas.hatenadiary.com 構図編 2. 自信がないなら3分割交点構図 三分割交点構図は七難を隠します。いたるところでおすすめされているのはそんなわけです。 デジカメならたいていガイドが付いているのでそれに従ってとればよいだけ！簡単です。 (Nikon D90/Nikkor 50mm f1.4) 3. 日の丸構図は真上または真正面から。水平と垂直をきっちりとること 実は難しい日の丸構図。撮るなら真上、真下。水平と垂直は必ず出す。なお画像内に直線が含まれる場合、収差の少ないレンズを選ぶ必要がありま

写真のキホン「構図」のおさらいをしてみましょう！ 忘れないで欲しい代表的な構図イロイロ いつもはちょっと変わった撮影法や応用的なテクニックをお話していますが、今回は、基本に立ち返って写真を撮るときに知っておくと便利な代表的な構図をおさらいしてみましょう。 みなさんが一番慣れ親しんでいるのが、この黄金分割構図ではないでしょうか。正確な黄金分割は、画面内に対角線を引いて、別の頂点から対角線に向かって垂直な線を引いた交点を言いますが、画面の縦横を均等に三分割した交点とほぼ同じ位置になることから、三分割構図と同等に扱われることが多いです。 この交点にメインの被写体を置くことで主題が明確になり、構図が安定しやすくなります。風景、スナップ、ポートレート、テーブルフォトなどさまざまな分野で多用されている構図です。 私がこの構図を使うときは、主題を交点よりも少し外側に当てはめることが多いです。そうすると、