Webデザインが「どこかさみしい」と思ったとき、3分で試せるアイデア7つ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのまきこです。 iPhone6のディスプレイがバキバキに割れてしまってから、心を無にしてずっと使っていましたが、iPhone6sの発売により、最近はちょっとウキウキしています。 ところで、デザイナーのみなさんは、普段作業をしているときに「このままのデザインだと、なんかさみしい�」「もっとにぎやかにしたい」と思ったことはありませんか？ そんなときは、制作物に応じた「にぎやかし」をするのがもちろん良いのですが、いろいろ難しく考えるよりも、手を動かしてみたほうが早い、ということもありますよね。ということで今回は、デザインが「なんかさみしい」と思ったときに、だいたい3分あれば試せるデザインアイデアを7つご紹介します！ ▼ デザインアイデアに詰まったときはこちらもどうぞ。
どんな勉強やインプットをしてる？LIGのデザイナーの方法をご紹介！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。長野チームデザイナーのずんこです。 早いもので、LIGに入社してから半年が経ちました。野尻湖オフィスでの仕事と、畑の両立にもだいぶ慣れてきました。最近の悩みは、キュウリが育ちすぎて消費が追いつかないことです。（平均して毎日3本は穫れる） さて、「あなたの質問にLIGのデザイナーがお答えします！」というテーマのうち、今回は勉強の仕方や、日々のインプットについての質問にお答えしていきます！ ありがたいことにたくさんご質問いただいているので、サクサクいってみましょう！ 日々のインプット編 普段どのようなインプットをされていますか？ 社内でデザイナーミーティングみたいなものもあったりするのでしょうか？ 普段は、始業後30分をインプットの時間に充てています。webデザインのまとめサイトやアワードのまとめサイトのうち、これはいいな！ と思ったサイトをじっくり見ます。あしらいなどだけでなく、
非デザイナーがナメられないための、おすすめデザインツール12選
僕は非デザイナーですが、こちらの考えにとっても共感します。 ブログにしても、アプリにしても、イベントにしても、良いコンテンツは世の中にもういっぱい溢れていて。 本気度を示し、他ではなく私たちのコンテンツを選んでもらうために、デザインにこだわるって大事だなって考えています。 おしゃれなものを作らなければいけない、と言うわけではないと思います。 使ってもらいたい・届けたい人たちに寄り添い、作りたい世界観を伝えるためのデザインにすること。 相手視点を持った思考が大事なんじゃないかなって思います。 『わかる！だけど実際難しいんだよ！』 という非デザイナーの方々に向けて、同じく非デザイナーの僕がお気に入り登録して愛用しているツールをシェアします。 有名どころも多いですが、もしご存知ないものもあったら触ってみてください。
みんなで「谷」を飛び越えるためにデザイナーができること――『みんなでデザイン、あなたもデザイン』感想 - Suikolog
去る9月16日におこなわれたWordCamp Tokyo 2017のセッションの中で注目していた関口裕（@S_E_K_I_G）さんのセッション『みんなでデザイン、あなたもデザイン』の動画をようやく視聴しての感想記事です。 一ヶ月前から観よう観ようと思いながら、夜中は仕事に追われているか力尽きているかのどちらかでこんなに遅くなってしまいました。先のCSS Niteのビデオも観たいのに、積ん読ならぬ「積ん視」がたまっていくばかりで困ったものですね。 なお内容をなぞって書くことはしませんので、ご興味のある方は下記からご覧ください。40分のセッションです。動画ではスライドがあまり見えないので、WordPress.tvの動画音声を流しつつ、SpeakerDeckのスライドを見ていく見方がおすすめです。 セッションの概要 これまでデザイナーが繰り出す提案ができるまでの過程は、外から見るとほとんど完全な
フォントオタクなデザイナーが本気で選んだ「美しいフォント」24選【フリー＆有償】
『Soldi』は、複数の企業と提携し情報を提供しており、当サイトを経由して商品への申込みがあった場合には、各企業から報酬を受け取ることがあります。ただし当サイト内のランキングや商品の評価に関して、提携の有無や支払いの有無が影響を及ぼすことはございません。また当サイトで得た収益は、サイトを訪れる皆様により役立つコンテンツを提供するために、情報の品質向上・ランキング精度の向上等に還元しております。 名古屋の事業会社でデザイナーをやっているAkitaと申します。 プロのデザイナーとして、デザインで気にしているところは沢山ありますが、中でも一番こだわっているのは「フォント」です。 「フォントの選び方でデザイナーの実力が分かる」というのは、私が最初にデザインを教わった先輩の言葉でした。 世の中にはどんどんクオリティが高く、美しいフォントが登場しています。 広告・パッケージではやはり有償フォントが目立
デザインのディテールへのこだわりが必要な理由 | FICCナレッジブログ | FICC
もしあなたがデザイナーで、何らかのプロジェクトのデザインを任された時、何を基準にしてデザインを詰めればいいか不安になったことはないでしょうか。または、あなたがディレクターやプロデューサー側の立場で、デザイナーからあがってくるデザインの善し悪しを判断しなければならなくなった時、何を基準にして判断すればいいのか、基準が曖昧だったりした経験はないでしょうか。 デザインの善し悪しを判断する上で、判断材料となる項目は非常に多く複雑ではありますが、根本的に欠かせないものの一つが「デザインのディテール」です。どんなに素晴らしいストラテジーや目標を立てられたとしても、それが最終的に伝わるべき「イメージ」を持ち、正しい品質として「カタチ」となって表れてこなければ、誰にも伝わることはありません。 デザインのディテールとは何なのか、なぜディテールにこだわらなければならないのか。このブログ記事を通じて、デザイナー
WEBデザインのヘッダーデザインのみを集めたギャラリーの『Header Love』がいい感じ | バンクーバーのうぇぶ屋
丁度、ヘッダーやフッター、見出しやバナー等、『WEBサイトの部分的なアイデア出しのために参考になるサイト集』みたいな記事を書いていたんですが「フッターや見出しをデザイン集化したものは今まで見たことあっても、ヘッダーってそういえばないよね」って思ってたのですが、丁度さっき見つけたのでご紹介させて頂こうと思います。 特に最近はフラットデザインやワンページデザインといった物もそうですが、とにかく情報のミニマル化が激しい昨今のWEBデザインの流れを考えるとヘッダーというファーストインプレッションを左右する部分は（昔からだけど…）とっても大事！情報の伝え方、表現の仕方という点では引き出しは多いに越したことがないので、是非色々なサイトを見て参考にしてみたい所ではあります。 そんな「ヘッダー色々見たいぜー」って人には、今回ご紹介する『Header Love』というサイトは中々時間の経過を忘れ去るサイトの
米国のデザイン教育から学んだこと デザイン会社 ビートラックス: ブログ
はじめに教授からのWhy? Why? Why?と立て続けに押し寄せる「どういったロジックを元に〜をデザインしたのか？」という質問の嵐に対して、学生達がBecause, Because, Becauseと素早く理論を構成して「何故なら〜だからです」というロジックを組み立て続ける。 そんな米国大学で展開されるデザイン講義を目の辺りにしてきた僕は、「デザインとはこんなにも理論的なプロセスだったのか」という率直な実感を持っています。 デザインと聞くと生まれ持った才能を存分に発揮してクリエイティブに様々なものを生み出していくというイメージをお持ちの方も多いかも知れませんが、これは全くの誤解であると言えます。 本来、デザインプロセスとは問題解決を前提としているため、地味な作業の連続であり、非常に理論的なプロセスで構成されています。 僕は日本で5年間、米国で3年間デザインの教育を受けましたが、実感として
テキストのメリハリをつける方法7つ
私のデザイン修正で一番多い指示が、「メリハリをつけてください」で、以前はどうすれば良いかわからず困っておりました…。(今も時々わからなくなりますが…) 最近ようやくどうすればメリハリがつくかわかってきたので、その方法をまとめてみました。 「メリハリをつけてください」の修正意図は、目立つべきところが目立っていないので、重要な部分を視覚的にはっきりさせてください、ということだと思います。 例として、以下のような見出しとテキストをもとに考えてみます。 （メリハリをつける場合、サイト全体のバランスをみてつけることが必要ですが、ここではわかりやすくするため、見出しと説明文のみで考えています） （引用：Wikipedia: カメラ http://ja.wikipedia.org/wiki/%E3%82%AB%E3%83%A1%E3%83%A9） 私の場合、メリハリをつけるのは以下7つの方法が多いです。
Goodpatchのデザイナー＆ディレクターが愛用しているアナログツール | Goodpatch Blog
MEMOPATCHでは以前にGoodpatchのデザイナーやディレクターが愛用しているアプリやサービスを紹介しました。 Goodpatchのデザイナーが仕事で使っているデスクトップアプリ・Webサービスまとめ Goodpatchのディレクターが実際に仕事で使っているデスクトップアプリ・Webサービスまとめ 社内では日々様々なツールやアプリが共有されていますが、ペンやノートなどの文房具はあまり共有されていなかったので試しに聞いてみたところ、それぞれお気に入りのツールがたくさんありました。ということで今回は弊社デザイナーやディレクターが愛用しているペンやノートなどのアナログツールについて紹介します！ ディレクター齋藤 こだわりは特にないけれど、たくさん描けるものを選んでいる、とのことでした。 プロジェクトペーパー（オキナ株式会社）、エッジ セレクチップローラーボール（CROSS）、ノートブック
ガーリー好きがお届けするガーリーデザインのポイント5つ ｜ Kana-Lier カナリエ
ブログがとってもガーリーだね、と嬉しいお言葉を頂くことが多いKanaです。 とっても可愛いガーリーなデザインは、作っていても見ていても幸せな気分になるので大好きです。 そんな私がガーリーデザインをする際、気をつけているポイントをご紹介します。 1.配色は甘く、優しく。スイーツのような彩りを。2.テクスチャを利用して、やわらかさや、素材感を加えてみる！3.パターンを使うだけでガーリーに！ストライプとドットが素敵！4.安定感よりも、繊細なイメージを意識する。5.かわいい小物をコラージュしたり、装飾を加えて、可愛らしさをアップ！ 1.配色は甘く、優しく。スイーツのような彩りを。 ガーリーデザインの配色を考えるときは、甘く優しい色使いを意識しています。 今ひとつピンと来ない時は、googleの画像検索でスイーツ、ケーキ、マカロン、アイスクリーム、ジェラート等を検索しイメージを沸かせます。 私が好き
かわいい系デザインに使えるフォントや素材、デザインアイデアを集めました
2019年6月4日 Webデザイン, ダウンロード, フォント 女性Webデザイナーにとっては「かわいいと言えばこんな感じ！」という基本的な概念が自然と身についているものの、男性デザイナーにとってはなかなか難しい女性テイストのデザイン。でも大丈夫！今回紹介する無料素材やフォント・配色例を組み合わせれば、きっと女子力の高いかわいいデザインができあがるはずです！紹介する素材はすべて商用利用OK！参考になるデザインのWebサイトもいくつか紹介します！（あ、ちなみによく誤解されますが、私、Webクリエイターボックスの中の人は女ですw） ↑私が10年以上利用している会計ソフト！ 目次 無料フォント 無料アイコン・イラスト素材 無料の背景パターン素材 「かわいい」を実現する配色例 かわいい系デザインのWebサイト実例 無料フォント 曲線をうまく使うと女性らしいデザインに仕上がります。そこで、使用するフ
女性誌にみる女性向けデザインを研究したまとめ
どうも、シンプルやかっこいいWebデザインよりも甘いガーリーテイストのWebデザインが好きなガリザワです。 女性向けのデザインをする時に、女性ファッション誌を参考にすることがあります。しかし一概に女性ファッション誌と言っても数多くありその発行されている雑誌の種類は100種類もあります。そんな中で、主な女性ファッション誌の傾向とデザインの分析をまとめてみました。 女性ファッション誌エディトリアルデザインに学ぶ 女性ファッション誌には、WEBデザインには無い女性デザインの雰囲気を感じれる、WEBサイトではあまり見かけないようなデザインパーツなんかも数多くあるので、デザインをするときに参考にしている。 特に女性向けのデザインをするときに、ターゲット層が細かく分けられており、そのターゲット層にあったデザインをする必要がある。その上でターゲット層に合った雑誌の傾向をまとめてみた。 （伊藤忠ファッショ
これでもう悩まない！2017年のデザイントレンド完全ガイド
2016年も毎年と同じように、デザインについて新しいことを学んできました。今回は、ウェブからグラフィックやロゴデザインまで、デザイン全般に関する2017年のトレンドを掘り下げてみていきましょう。 デザイントレンドはメディアやテクノロジー、ファッション業界、そして最近では「使いやすさ」を追求するユーザビリティーなどに影響を受けています。トレンドは徐々に細かく枝分かれし、いつの間にか同じように消えていきます。 基本的にデザイントレンドの寿命は1〜2年。2017年のデザインは、2016年のトレンドを引き継いだものとなり、雰囲気もここ数年よく利用され、親しまれているものと言えるでしょう。Google マテリアルデザインの影響力は今年も強く、対応にはいくつかの変更が必要になります。 Adobe が2017年デザイントレンドを発表！確認しておきたいポイントとは？ 2017年のWebデザインはどうなる？
マテリアルデザインとは〜基本概念と実務で使える無料フレームワーク6選
この記事は、2016年4月13日の記事を再編集したものです。 これからWebデザイナーとして働く方に確実に知っておいてほしい知識の1つに「マテリアルデザイン」があります。 2014年6月にGoogleが発表したマテリアルデザインは、現在Googleのほとんどのサービスに適用されており、採用する企業も徐々に増えています。 参考： Google の新しいデザインガイドライン「Material Design」｜クラスメソッドブログ AndroidやYouTubeなど身近なサービスに適用されているため、殆どの方が目にしたことがあるかと思いますが、マテリアルデザインの定義について、明確に理解できている方はどのくらいいるのでしょうか。 「わかりやすさ」を追求した結果生み出されたマテリアルデザインは、デザイン設計において非常に参考になる要素が多数含まれています。 マテリアルデザインを採用するしないに関わ
「紙っぽいデザイン」の特徴を盗め！イベントポスター事例から学ぶ、紙っぽいデザインの特徴。
quoitworksのムラマツこと、muuuuu.orgの中の人、ムーちゃんです。こんにちは。お盆休みまでもう少しですね！みなさま仕事の進捗はいかがでしょうか。 webのデザインの現場でよくオーダーとしてあるのが、「紙っぽいデザイン」です。 webのデザインはコーディング時のことを考えすぎてしまったり、ユーザビリティや、web独自の視線の流れを意識しすぎてしまうあまりにダイナミックさに欠けたりすることが多いような気がします。 またお客さんとしても生まれてからwebを見ている時間よりも、紙のデザインを見ることが多いので、イメージとして紙（ポスター、雑誌）のような完成図をイメージされることが多いのではないのでしょうか。（特集ページや、LPや、メインビジュアルなどです。検索画面とかは違いますよ！） それで今回はＬＰやアバウトページ、特集ページでよくある「紙っぽく」オーダーをスマートに解決するため
ずっと使える、デザインの基本まとめました。【2020年改訂版】
「デザイン」に対して興味のあるすべての人を対象に、いつまでも長く利用できるデザインの基礎テクニックを、これまで当サイトで紹介したエントリーの中から、各ポイントごとにまとめました。デザイン入門編として覚えておきたい基本から、サンプル例を見ながら理解できる、より実践的なデザインテクニックまで幅広く網羅しています。
7つの実例で学ぶ「ワイヤーフレーム通り」のデザインから脱却する具体的な方法
「ちょっと〇〇君！これワイヤーフレームそのままじゃない！」 Webデザイナーなら、できることなら聞きたくないセリフですよね。私自身ももれなく、こう言われた経験はありますし、逆に後輩に対して同じく「これだとワイヤーフレームのまんますぎるね。。」と伝えたこともあります。 この「ワイヤーフレーム通り問題」は、Webデザイナーなら誰しも一度は経験するあるあるの一つと言えますが、なぜ「ワイヤーフレーム通り」と言われてしまうのでしょうか。また具体的に何をすれば、ワイヤーフレーム通りではなくなるのでしょうか。今回はそのあたりの原因と対処方法を考えてみたいと思います。 「ビジュアルを作る力」と「情報を理解・提案する力」 ズバリ結論を言いますが、ワイヤーフレーム通りじゃん…と言われてしまう人は「ビジュアルを作る力」と「情報を理解・提案する力」が弱いと言えます。 ビジュアルを作る力は幅広い表現の中から適切な手
【保存版】配色アイデアに迷わない、すごい配色カラーパレットツール107個まとめ
「配色えらびのベストな方法が知りたい」 「イメージにあった色をもっと手軽に選びたい」 「色がなかなか決まらない」 「配色えらびにAIを活用してみたい」 この記事では、配色えらびが苦手なひとに役立つ無料ツールをまとめてご紹介します。 ２０１６年８月の初投稿から９年かけてわたしが見つけた、実践向けの配色ツールをカテゴリ別に揃えました。 リンクの切れたツールは削除し、新しいデザインツールを追加した最新版にアップグレード。 配色の基本ルールを頭に入れておけば、お気に入りの色を効果的に見つけることができますよ。 コンテンツ目次 普段使いできる便利ツール（17個） ワンクリック、人工知能系ツール（20個） マテリアルデザイン系ツール（4個） Webデザイン・UIデザイン関連ツール（21個） 写真から抽出系ツール（2個） インスピレーション系ツール（14個） グラデーション関連ツール（29個） 配色カラ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
kandeza.com
