デザインtips @tips_bot ゆるく初心者向けのデザイン解説とか書きます。 絵描きさん向けの役立ち情報も多い。なんか思いついた時に自分用のメモも兼ねて投稿しているので、お気軽に〜!
【ご挨拶】 / 【目次】 / settings / 解釈が変わる写真 / ラインスケッチ / 感覚の変換による観察 / 蓋の分類 / 新しい分け方の基準 / バランスによる新しい価値 / 約束事を共有することで、読みとけるようになる四コマ漫画 / 丸を取り出す / キリトリムシ / レイアウトが解釈を生み出す / モノをコントロールするための身体言語 / space / 「解釈が変わる写真」野中大
注目企業の中の人によるコラム 今回は、OisixのUX改善について、アートディレクターを務める荒金さんに成功事例を紹介いただきます。 お客様の行動心理に基づいた改善で売上が2倍になったという施策の具体的な解説です。 OisixにてサイトのUX向上やブランディングに携わっております、EC事業本部CX室のアートディレクター兼グラフィックデザイナーの荒金知乃です。 今回はUXのデザインで売り上げを伸ばした事例を、問題発見から、解決に至るまでのポイントを交えて紹介いたします。 VIP会員ページのUXデザイン改善から売上を伸ばす Oisixは「子どもに安心して食べさせられる食材」をコンセプトに、有機・特別栽培農産物、添加物を極力使わない加工食品や、プレミアム時短をコンセプトとしたミールキット「KitOisix」などを、インターネットや実店舗で提供しています。 2000年からスタートしたOisixは、
2018年3月13日(火)から18日(日)まで、石川・金沢の「金沢21世紀美術館 市民ギャラリーB」にて、「甦った手仕事、幻想の刺繍『New KAITAG』展」が開催されます。 綿の基布に、草木染めした手紡ぎの絹糸を全面手刺繍して作られる「New KAITAG(ニュー・カイタグ)」。本展では、選りすぐりの作品約30点が展示されます。 「New KAITAG」は、19世紀中頃に途絶えたダゲスタン・カイタグ地方の「KAITAG(綿布の上に文様をシルクで部分刺繍した幻想的な布)」と呼ばれた刺繍布を現代に甦らせようと、2004年に黒海とカスピ海に挟まれた南コーカサス地域にある国・アルメニアで開始したプロジェクトにより生み出されました。 オリジナルの「KAITAG」を参考にした一点一点幻想的なデザインが特徴で、アルメニアに住む高い刺繍技術をもつ女性たちが製作。手間ひま掛けて製作した芸術性豊かな工芸作
今回は見出し(h1〜h6タグ)のオシャレなデザインサンプルを68つ紹介します。CSSコードをコピペすればそのまま使うことができます。もちろん自分好みにカスタマイズして使って頂いても構いません。
【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか? ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの? ・結局一番言いたいことはなんなの? ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
» 新宿駅の「ガムテープ案内表示」を作りだした佐藤修悦さんインタビュー !『修悦体』はこうして生まれた 特集 皆さんは、「修悦体」という書体をご存じだろうか? 佐藤修悦さんというガードマンの方が、ガムテープを使って作り出した書体である。佐藤さんは、2005~2007年頃にかけてテレビや新聞などで話題となり、ネットでも注目を集めた人物だ。一時期JR新宿駅で、この修悦体を使ってガムテープで書かれた案内表示をしょっちゅう目にした。 あれから約10年を経て、新宿駅の様子も様変わりし、ガムテープの案内表示も見かけなくなっていたのだが……。ここ最近、再び新宿駅のアチコチで「左側通行」の文字を見かける。これはもしや! 佐藤さんが再び活躍しているのではないか? そう思い、私(佐藤)はその真相を確かめた。 ・約10年前の記事 私が最初に修悦体の存在を知ったのは、ネットメディア「デイリーポータルZ」の記事だっ
2016 - 08 - 31 はてなブログを始めて1年が経ちました コピペで簡単!はてなブログのシェアボタンをカスタマイズ コピペで簡単!CSSではてなブログの見出しをカスタマイズ! はてなブログをカスタマイズしてる人向け。jQueryの読み込みを速くするためにコードを変えてみた YouTubeを埋め込んでも重くならないようにする方法がめっちゃ良かった はてなブログの超便利なデザインテーマ「Brooklyn」を作りました ダウンロードしておきたい最新おすすめ洋楽【2016年版】 オススメの人気洋楽記事一覧 【洋楽】UKロック入門!おすすめバンド20選 人気洋楽のYouTube再生回数ランキングTOP30 90年代洋楽HIPHOPの名曲をあげていく 人気の洋楽を紹介します - 女性アーティスト編 - 90年代洋楽おすすめランキングBEST100!! 00年代洋楽おすすめランキングBEST10
Webデザイナーを目指す上で気になるのが平均年収。特に、未経験から始める人にとっては不安要素のひとつといえるでしょう。そこで今回は、Webデザイナーの平均年収や収入を上げていく方法について解説します。 <この記事に関連する記事> Webデザイナーの年収は低い?少しでも収入を上げるには? Webデザイナーで年収1000万は可能?目指すにはどうしたらいい? なぜWebデザイナーは稼げないと言われるのか?実態を解説! 目次 Webデザイナーの年収や労働時間は? フリーランスのほうが年収は高い?会社員より上げられる? 年収を上げるためにできることは? まとめ Webデザイナーの年収や労働時間は? 早速、Webデザイナーの平均年収について詳しく見ていきましょう。 Webデザイナーの年収は全体平均よりやや低め 賃金構造基本統計調査によると、デザイナーの平均年収は約426万円。この数字は、デザイナー職の
2018-06-24追記 フリーランスのデザイナーのぼくにとっての「人生に影響を与えた1冊(今週のお題)は」「金額の高い仕事をもらうために、デザイナーがやるべきこと」(お客さんを納得させる方法)を教えてくれた本です。 簡単に本を紹介のあと、この本に関するぼくのストーリーを書きました。(ちょっと長いけど) 要約すると、お客さんを納得させる方法(そして給料を給料を上げる方法)がポイントだったなぁ。という話です。 ちょうど値上げを考えていた頃に、この本に出会った フリーのデザイナーを10年やっていますが、値上げは難しいものです。 値上げを考えていたちょうどその頃に、その本に出会いました。 もちろん、この本だけではないけれど、大幅に状況が変わったのは事実です、ちなみにこれは去年の話。 その本は、ただの1流デザイン作品集。でもそれを買ったら仕事の単価が上がった 自分に投資すると返ってくる。そんな言葉
2015-09-10 「サイトをつくる」のススメ はじめまして。 まみぺこです。 Webサイトをつくるお仕事をしています。 コーディングが大好きなWebデザイナーです。 デザインから HTML / CSS / JavaScript までやっています。 このブログもそうですがデザインからコードまで心をこめて手づくりしています。 これから「サイトをつくるといいよ〜」というお話をしてみます。 とくに「Webをつくるお仕事がしたい」という学生さんや 「やりたいことをしたい」「なにかつくりたい」 「変わりたい」っておもっているひとへむけて 実際に私のつくったサイトの例を紹介しながら たのしくいってみたいとおもいます! 「サイトをつくる」のススメ。 サイトをつくろう やりたいことがわからない。 つくりたいものがわからない。 そんなひとは なんでもいいからひとつ練習だとおもって サイトをつくってみるのは
みなさんはAdobe Photoshopでどのように画像を書き出してますか? 最新のPhotoshopではさまざまな画像書き出し機能が搭載されていますが、どれを選択するかで手間が異なります。 本記事ではPhotoshopのさまざまな画像書き出し機能を紹介し、最適な画像書き出し方法を検証します。 この記事はPhotoshop CC 2022 (23.5.0)で検証しています。 この記事のポイント 新しい画像保存方式(書き出し形式、クイック書き出し)は手間が少ないので、作業効率が良い 新しい画像保存方式はデフォルト設定で、小さなファイルサイズの結果を得られやすい アニメーションGIF保存は「Web用に書き出し(従来)」を使う Photoshopの画像書き出し方法一覧 Photoshop CCにおいて、画像を書き出す方法は分けて5種類あります。 書き出し形式 [ファイル]→[書き出し]→[書き出
Photoshopにはさまざまな切り取り方法があり、画像の質や状況に応じて使い分けることで思い通りの作品が作れるようになります。 しかし、すべての技術を身に付けてから作品を作ろうとすると時間もかかるので、作品の完成イメージから逆算して、その都度どんな技術が必要なのかを考えながら身に付けるようにすると、より早いスキルアップに繋がります。 ここでは、輪郭が複雑な画像でもほぼ完璧に切り抜くためのPhotoshopテクニックを解説します。 ※コンテストで賞を頂いた際も、ここで紹介している切り取り方法を活用しているので参考にしてみてください ⇒ デザインコンテスト第3弾 Surf in the Cityで受賞を頂いた想いと作品の解説。 FreeRide SNOW BOARD 今回は、元の右画像から空中に飛んでいるスノーボーダーを切り取って、左画像のように雪山の背景に合成させたいと思います。 このよう
先日、個人でやっているサイトをリニューアルしていたのですが、想像以上に色の組み合わせについて悩んでしまいました。 デザインの知識が皆無の私にはハードルが高すぎたようで、文字、リンク、バナー、背景などの色をベタベタ触っていたら、数時間後にはヘドロのような色彩美のサイトが誕生しました。絶望です。 そこで今回は、私のような素人でも参考になる配色見本サイトについて、用途別にまとめてみました。 「わからないこと」が一瞬で解決するかも? Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGのスクールでは、現役デザイナーがマンツーマンで指導します! ▼少しでも気になる方は、ぜひ公式サイトをご覧ください! ベースとなるカラーを設定したい 1. 原色大辞典 https://www.colordic.org/ いつも参考に
プレゼン資料をキレイにわかりやすく作りたい!と思い立った人に、まずお勧めしたいのがこのサイト「伝わるデザイン|研究発表のユニバーサルデザイン」です。基本的には研究発表を行う学生さんをターゲットとしているサイトですが、ビジネスマンにも読み応えは十分。提案書・企画書のプレゼン資料作成にそのまま利用できる内容となっています。 魅力は、わかりやすいサンプルと豊富な解説。デザイン初心者にうってつけのサイトです。ページはすっきりとしていて非常に見やすく・読みやすくレイアウトされています。 サイト全体の情報量も多からず少なからず、ほどよく網羅されていて、ひととおり目を通し終わった頃には、一歩レベルアップしている自分に気づくこと間違いありません。百聞は一見に如かず。まずはご覧になってみてはいかがでしょうか?
Tube Map Radioの全景 photo: Great 回路を最後にいじった記憶は中学生くらいだったかな、見てるとワクワクするのものがありますね。 アキバにでもちょっと行ってみようかな。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く