ボタンデザインで押さえておきたい4つのポイント【プロ直伝】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、株式会社LIGでアートディレクターをしている竹原と申します。 「デザインとは情報設計」、といわれています。例えばボタンでも、アクションやレイアウトに応じてさまざまな設計をおこなっているんです。 今回は、僕が普段ボタンデザインをする際に考えてることをまとめてみました。デザイナーの方にはWebやUIのデザインをする際の考え方の参考に、デザイナー以外の方には、デザイナーって普段こんなことを考えながらデザインしているんだな、と感じていただければ幸いです。 独学でつまずいていませんか？ Webデザインをもっと効率的に学びたい、プロの現役デザイナーに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料を
衝撃！スマホアプリのUIは3年でどのように変化しているのか調べてみた。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ いつも元気ハツラツ・天真爛漫・平成生まれゆとり世代、のんちゃんです。 わたしは中学2年生の頃から携帯電話なるものを使用し、友達とコミュニケーションをとっていました。ちなみにPCは小学4年生くらいから夢中に触っていて、親に電源抜かれたこともありましたねぇ。 ガラケーからスマホにしたのは5年前の大学1年生の時だったと思います。最初はAndroidでしたが、その後はずっとiPhoneです。 昔のiPhoneであろうとも、いまの充電器があればカメラロールとかメールとかを見返せるのがおもしろくて、実家に帰ってとてつもなく暇な時は、ひとりでそういった遊びをしています。 ちなみにすごくどうでもいいのですが、わたしはiPhoneを変更しても、あえて写真とかは引き継いで移行させません。 思い出は、そっと大事に眠らせておきたいのです。 さて、前置きが長くなりましたが、過去のiPhoneを漁ってい
MERYで見つけた「目的から出発するデザイナー」という生き方--山本麻友美、27歳のリアル
「若手デザイナーがもっと成長できる場を」をコンセプトに開催されている「UI Crunch U25」。10月25日に行われたVol.2 のYOUTH TALKに登壇したのは、2012年にDeNAに入社し、現在はペロリにて「MERY」や会社全体のデザイン・ブランディングを手がける山本麻友美氏です。入社してから数年は自分の進むべき方向性に悩んでいたと言う山本氏が見つけた「目的から出発するデザイナー」という道。 目的から出発するデザイナー 山本麻友美氏：今日は「目的から出発するデザイナー」というテーマでお話したいと思っています。 先ほどの真鍋大度さんのお話はすごくクリエイティブなお話だったんですけれど、私からは「キャリア」がテーマということで、私が25歳のときに悩んでいたことや、今27歳なんですが、そこから2年間でどういうかたちで考え方が変わってきたかというお話をできればと思っています。 まず、自
リピートボタンが見つからない！iOS 10のミュージック・アプリのUIについて考えてみる
iOS 10のミュージック・アプリで、リピートボタンを見つけられないという衝撃的な体験をしたので、将来、UIを考える際の教訓として書き残しておこうと思います。この衝撃を忘れないうちに！ 僕はアルバムをリピート再生することが多くて、iPhoneで音楽を聴く際は、ほとんどリピートにしています。ところが、先日iOS 10にアップデートしたらアルバムが一度再生されたら終わるようになってしまい、リピート再生をしようと思ったら。。。 どこにもリピートボタンが見つかりません！ iOS 10のミュージックでアルバムをリピートする方法がわからない。。。 — ryo watanabe | 渡辺竜 (@rriver) September 20, 2016 まずはライブラリ画面で探してみますが、ありません。 さすがに検索で探すとも思えないし。。。 まぁ、ここにないのはわかるとして。 じゃぁ、再生パネル（勝手に命名
UIデザインの歴史に学ぶシャドウと奥行きの使い方
Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 近年のUIデザインでは、不必要な要素を省き、機能性に焦点を当てるのがトレンドになってきています。デザインの機能面はプロダクトの成功への鍵である一方、その機能面をサポートするという意味で、ビジュアルへの細かい配慮も同じくらい重要です。 この記事では、シャドウなどの視覚的な要素がどのように処理された情報を伝達するものなのかを見ていきましょう。 UIの進化 : 疑似3Dからウルトラフラットデザイン インターフェイスにおける奥行きの幻覚 ユーザーの見るスクリーンは平らですが、デザイナーやエンジニアたちはスクリーン上の全ての物が3Dにみえるように多大など労力を割きました。疑似3D効果（シャドウ、グラデーション、ハイライト）は、ユーザーが操作可能な動作をひと目でわかるように
流行なんて関係ない！いつでも使える黄金ウェブレイアウトUIパターン12個まとめ
海外サイトUXPin Studioで公開された「Web Layout Best Practices: 12 Timeless UI Patterns Analyzed」の著者 Jerry Cao より許可をもらい、翻訳転載しています。 ウェブサイトを訪れるユーザーの多くは、コンテンツを楽しみにしており、デザイン目的で訪れているわけではありません。 この記事では、いつの時代にもマッチする、12種類の黄金ウェブレイアウトパターンを問題点や解決法、具体的な使い方のポイントと一緒に見ていきましょう。 コンテンツ目次 01. カード型レイアウト 02. グリッドレイアウト 03. マガジンレイアウト 04. 枠なしレイアウト 05. スプリット・スクリーンレイアウト 06. 単一ページレイアウト 07. F型パターンレイアウト 08. Z型パターンレイアウト 09. 水平方向の左右対称パターンレイア
LIGオススメ！webデザイナー向け海外の参考サイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのトミーです。 デザイナーのみなさんは日々、さまざまなサイトからインスピレーションを受けたり情報収集をしているかと思います。その中でも海外サイトの情報は新しいものが多く、お気に入りのサイトが見つかると嬉しいものです。 今回は、普段僕が�見ているwebデザイナー向けの海外サイトをご紹介します。ひとつでもお気に入りのサイトがあると幸いです。 もっぱらGoogle翻訳ですが、便利です。chromeのGoogle翻訳プラグインを入れて、サクッとトレンドをキャッチしてみましょう。むしろ海外のサイトは言い回しがストレートなので学びやすいですよ！ ジャンルごとの参考サイト デザイン編 Abduzeedo Design Inspiration http://abduzeedo.com/ デザインに関するカテゴリー（サイト上ではCOLLECTIONS）が充実したサイトAbduzeedo
黄金比とは？基礎・書き方とデザインに活用するときの5つのポイント | LISKUL
黄金比とは、「1:1.618」という比率のことです。 黄金比は、物事のバランスと調和を最適化し、視覚的魅力を引き出すと言われています。 自然界では、貝殻の螺旋形状などがこの比率で形成されており、モナリザなどの美術品や、エッフェル塔などの建造物にも活用されています。 しかし、具体的にはどのようなものなのか、どのようにデザインに取り入れればよいのかわからないという方も多いのではないでしょうか。 そこで本記事では、黄金比の基礎や、歴史、計算方法、身の回りにある例、具体的な活用方法、などの情報を一挙にご紹介します。 黄金比を活用して魅力的なデザインを作成したい方は、ぜひご一読ください。 黄金比とは、1：1.618という比率のこと 黄金比とは、「1：1.618」という比率のことで、数学、美術、自然の中で頻繁に見受けられる特別な比です。 この比率は「黄金分割」とも呼ばれ、ある長さを二分割した時、全体と
変わり始めたデザイナーの仕事内容と給与
東京ベイ潮見プリンスホテル ”水辺の宿場町”をデザインコンセプトとするアートホテル「東京ベイ潮見... 詳細を見る
エンジニアのデザインが10倍よくなる！「余白恐怖症」を克服する方法とは？
せっかく最高のアプリを作ったのに、デザインがイマイチイケてない。ちょっと気をつけるだけでデザインのクオリティが一気にアップする、余白恐怖症解消のすすめ。 記事を読む前に「ローワン・アトキンソン：地獄へようこそ」を1分ほどご覧ください。 なにに気づきましたか？ 多くの場合、ローワン・アトキンソンの素晴らしい機転のきいた言動に注目しますが、観客が笑うための無言の時間を取っていることには気づきましたか？ これは笑いの間と呼ばれ、コメディアンが成功するために身につける重要なスキルの1つです。 合間に無言の時間がないローワン・アトキンソンのパフォーマンスを想像してみてください。無言であることがそれぞれのジョークを成功させる鍵であるため、無言の時間がないとそこまで面白くなくなってしまいます。重要な意味を持った無言です。 音楽でも同じ状況があります。とはいえ、完全に無音というよりは、徐々に音が大きくなる
2016年これからのWeb制作業界の流れ、注目されているテクニックやツール、Webデザインのトレンドなどのまとめ
数多くのブログで2016年のトレンドをさまざまな切り口でポストしているので、その中から特に印象的で共感がもてたものをまとめて紹介します。 注目キーワードは、UI/UXはユーザーありきを忘れずに、洗練されたUIパターンとコンポーネント、旧バージョンIEのサポート終了、静的ページのジェネレーター、ページの肥大化。 淡いピンクとブルーは、今年のトレンドカラーのローズ クォーツとセレニティ 参考: 2016年のトレンドカラーはやさしい色、春の10色も素敵なカラーが揃ってる！ 2016年、Webとグラフィックデザインのトレンドと今後の展望 2016年、Web制作業界全体の流れ 2016年、注目されている新しいテクニック・コンセプト 2015年に定義されたレスポンシブWebデザインの8つのトレンド 現在のトレンドから見た良いこと、良くないこと、そしてダメなこと 2016年に学ぶべきプログラミング言語と
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iOS Human Interface Guidelines：Designing for iOS （日本語）
Chart.js