Tweet Pocket 日本デザインスクールでは年間1500名ほどの受講生を、未経験からWEBデザイナーに育ててきました。受講生を指導する中でよくあがってくるのが「参考がなかなか見つからない」というお悩み。 私も受講生にお伝えすべく、これまで100サイト近くの「参考になりそうなギャラリーサイト」を見てきました。 そこで今回は、これまで見てきたギャラリーサイトの中で、みなさんのデザイン制作のお役に立ちそうなサイトを全部で61個ご紹介していきます。 全てのサイトを
本記事は、身の回りの困りごとを楽しく解決! by Works Human Intelligence Advent Calendar 2022の13日目の記事です。 はじめに エンジニアの私「個人開発したアプリのデザインがイマイチで世に出す勇気がなくて困っとる」 デザイナーの知人「どれどれ。あー確かに。いい意味でエンジニアらしさ出てますな♪」 私「『いい意味で』を先頭に付ければ何いっても許される説!!」 知人「デザイン作るときは既存にあるアプリやサービスのUIを参考にするといいですよ」 私「具体的には何を参考にすればエンジニアでもいい感じにデザイン作れそうですか?」 知人「それでは自分が参考にしているデザイン系のサイトをいくつか紹介していきます」 てことで、今回はエンジニア向けの個人開発やアイディア探しで役立つサイトをまとめていきます。 「ポートフォリオのアイディアが思いつかない」「開発した
ウェブサイト制作には、常に新しいアイデアやインスピレーションが必要ですが、決まらずに悩んでしまうことも。 そんな状況を打開するには、たくさんの優れたデザインの実例を見ることで、次のアイデアを生み出してみましょう。 ここでは、最新ウェブデザインをいち早くチェックできるオススメWebギャラリーサイトを厳選してご紹介。 インスピレーションとしてはもちろん、クライアントの打ち合わせやイメージの共有にも活用できます。 積極的にインプットを増やし、デザインの引き出しを増やしてみましょう。 このリストは2年ぶりにまとめ直したアップグレード版となります。 コンテンツ目次 【2024追加分】最新Webギャラリーサイト landing.love Design Spells Godly BentoGrids 404s Footer Navbar Gallery 国内Webギャラリーサイト SANKOU! URA
こんにちは、Nstock / SmartHR の宮田です。 新会社 Nstock のロゴをつくったので、今回はロゴのコンセプトや、制作過程、ボツ案、やってよかった事などを紹介しようと思います。これからロゴをつくる際の参考にしてください。 ちなみに Nstock 社にはデザイナーさんがいないので、知り合いのデザイナーさんに依頼してつくりました。副業OKな会社にお勤めなのですが、シャイな方で名前は伏せて欲しいとのことでした。 なお、今回も最後に(一部で)人気の日本語ラップコーナーあります。 Nstock ロゴで重要視したこと Nstock は、ストックオプションや株式がテーマの事業です。スタートアップの資本政策は、後戻りできない事柄が多く、顧客企業は失敗やハズレを引くことを他のジャンルよりも嫌がるであろうという仮説があります。 なので、「Nstock はこの分野の王道サービスである」という印象
さばこ @saba_sono4 去年、仕事で説明書的なの作らなくてはいけなくて、家にあった手近なマニュアル類で洗濯機を見たんだけど(ちょっと参考にはならなかった…)薬か、なるほどなー。去年知りたかった。 twitter.com/riyadazo/statu… 底抜け@神を誤解せよ @hashirinuke 確かに。曖昧さを排除した文言のルールと、読みやすい組み方に従うと自然にデザインが収斂していく所もある。対極にあるのは保険の約款。最初から読ませよう、という気が皆無のレイアウトが少なくない(笑) twitter.com/riyaDAZO/statu… 耳点ワズポワレ @ohajanp あと反面教師は法律、あと行政文書。 絶対誤読されないように、他の解釈のしようのない文章というのは薬の説明書と同じだけど、読み難く、しっかりと考えながら読まないと理解できない。読むのにコツがいる 見比べるとどう
秋丸 @akimaru2138 そのうち同人誌の表紙作る時に自分が考えてること〜とかクリスタでも(それなりに)できる簡素なロゴの作り方みたいなのまとめてツイートしたいんだけどあぁいうのっていかんせん"強い"人がやってるからおれ程度がツイートするのヒヨっちゃうんだよな 2021-12-03 23:29:38
2020年6月に見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。 優れたデザインのWebサイトからインスピレーションを得て、自身のデザイン制作に役立ててみてください。 100 DAYS OF POETRY 100作の「詩」が並べられたギャラリーサイト。 作品自体もとても魅力的ですが、それを引き立たせているサイトデザインも美しく、まさにアートを感じるWebサイトです。アニメーションもとてもなめらかで、作品の世界に入り込んでしまいます。 Poolside FM まるでブラウザの中でPCが起動されているような、面白いアイデアで作られた音楽を視聴することができるWebサイト。少し前の年代の、どこか懐かしさを感じるデザインが魅力的です。 ところでiOSのSafariって閉じても音楽を再生することができるんですね。初めて知りました。ページを開くと音楽が再生されるので、音量にはご注
人物・動物・植物をはじめ、デジタル機器、建物、家具など、日常で見かける標準的なさまざまなスペースとサイズを図版化したDimensions.Guideを紹介します。 人物だけでも、老若男女の立ち・座り・寝・歩き・運動、そして正面・側面・上面が揃っており、イラストやデザインの参考資料になると思います。 Dimensions.Guide Dimensions.Guideではさまざまな図版が揃っています。 例えば、25-45歳の女性が歩いている時のサイズ。 平均身長は1.63mに設定されており、カジュアルな服装で歩いている横向きです。 Walking Female Side 素材はすべて商用でも無料で利用できます、クレジットは特に必要ありません。ただし、素材そのものを再配布・再販売することは禁止です。詳しくはライセンスページをご覧ください。 legal ダウンロードできる素材のフォーマットは、3種
こんにちは! デザイナーのヴィクトリアです! 最近社内で若者ぶってると、もうそんなに若くないよねって言われます。4月で26歳になったばっかりです! まだぴっちぴち! さて、いつもデザインをする前には参考サイトを探しますが、実際デザインに着手してからはよく雑誌を見ています。何かと参考になることが多いからです! 今回は、デザインの参考に雑誌を見る際、何を考えて見ているのかお話ししたいと思います! 雑誌をみるとき気にすること 情報のまとめ方 どの情報が一番伝えたくて、どう見せたら伝わるかを考えます。 文字に強弱をつけることで印象が変わるので、メインとサブとで差をつけます。そして、コンテンツのごと差をつけたいときは、レイアウトを考えます。 ただ横並びにするとしても、どこに揃えるのか、どう並べたら読みたくなるのか、画像や装飾で工夫できないかを探します。 視線の誘導 情報のまとめ方に関連する話ですが、
ウェブサイトの目的は読まれることです。そして伝えようとしていることは、どのように表現しているかと同様に重要です。2018年、ウェブデザインにおける文字テキストの使い方は、「コンテンツ・ファースト」という考え方によってさらに広がりを見せています。 今回は、2018年によく見かけるタイポグラフィーのデザイントレンドをまとめてご紹介します。 2006年に Oliver Reichenstein は、「Webデザインの95%はタイポグラフィー」を出版し、大きな反響を呼びました。その中でReichenstein氏は、「ウェブデザインは、素晴らしい書体選びだけでなく、どのように使用するかが問題である。」と述べています。 では、実際にタイポグラフィーがどのように使用されているか、サンプル例と一緒に詳しくみていきましょう。 01. 大胆で巨大な文字テキストを使おう。 大きく大胆で、凝縮されたドラマチックな
最近は海外を中心にエンジニアと共にデザイナーの需要が高まっている。理由はシンプルで、プロダクトに加え企業経営にとってデザイン思考やサービスデザインなど、「デザイン」の言葉で表現されるマインドセットやスキルが求められているからである。 実際に、O’Reilly Mediaが2017年に世界のデザイナー324人を対象に行ったリサーチによるデザイナーの給与調査レポートでもそれは顕著になっている。 このレポートでは世界中のデザイナーにアンケートを取り、デザイナーの待遇や地位に関するデータをまとめた。この膨大なデータの中でも特筆する点としては下記があげられる。 世界のデザイナーの待遇調査結果 (中間値による算出):世界のデザイナー平均年収額は$91,000アメリカのデザイナー平均年収額は$99,000カリフォルニア州のデザイナー平均年収額は$128,000アメリカ国内デザイナーの1週間の平均労働時間
WebサイトやスマホアプリなどのUIデザインのアイデアに困った時に、参考になる、そして勉強になるサイトを紹介します。 ランディングページ・プロダクトページのレイアウト、UIのさまざまなコンポーネント、アニメーションが気持ちいいインタラクションなど、ブックマークして定期的にチェックしておきたいサイトばかりです。 Mobbin -Latest Mobile Design Patterns デザイン面に優れた最新のスマホ向けデザインのパターンがコレクションされています。100以上のiOSアプリの主要な画面遷移と5,000以上のパターンが厳選されており、自身のライブラリを作成(要登録、無料)することもできます。
ブログのデザインを変えました。 前回の記事から間が空いてしまったのですが、その間カスタマイズをやってました。おおむね満足のいくデザインになったので記事にします。 同時にこだわった点や参考にさせていただいたカスタマイズ例などを紹介します。ブログのデザイン変更をお考えの方の参考になりましたら幸いです。 ブログのデザインを変えました。 デザインする上でこだわった点 テーマカラーを決定する これは大見出しです(h3)白抜き文字にして目立つデザインにしています。 これは中見出し(h4)ツートンカラーで目を引きます。 最後に小見出し(h5)細いラインで「」カギ括弧状のデザイン。 目次はグラデーションに 引用のデザインも変更 シェアボタンも一手間加える 使用しているGoogleFont リンクを目立たせるパーツ 記事下の読者登録ボタン webデザイン素人でもここまでできました デザインする上でこだわった
目まぐるしく変化するウェブデザインは、技術の発達によりこれまでは難しかった表現も可能になってきています。ユーザー主体とした体験型サイトなども増え、アニメーションやレイアウトなど新しいデザイン要素を利用することで、より魅力的でインタラクティブなサイトデザインに仕上げることができます。 そんなウェブデザイン制作アイデアの参考にしたい、クオリティの高いWebサイトをまとめてご紹介します。Webデザインやホームページ作成を勉強したいという人にもオススメです。 ブックマークしておきたい海外/国内Webデザインギャラリーまとめ30選【2017年改訂版】 これでもう悩まない!2017年のデザイントレンド完全ガイド Webデザイン勉強の参考にしたい、魅力的なサイト35選まとめ North 2 カラフルな配色でヒーローイメージが切り替わるインパクトのあるデザイン。 Adison Partners デュオトー
Webデザイナーはデザインの知識やテクニックだけでなく、どのような実装テクニックがあり、何が実現可能なのか知っておくことで、さらに素晴らしいデザインを作りだすのに役立たせることができます。 Webデザイナーにとって、CSSは難しく感じるかもしれません。しかし全部を覚える必要はありません。デザインに関わるいくつかの有用なCSSのテクニックを紹介します。 20 essential CSS tricks every designer should know イラスト: Girls Design Materials 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. 絶対位置への配置 2. 全称セレクタ(*) 3. すべてのスタイルを上書き 4. 左右の中央に配置 5. 天地の中央に配置(テキストのナビに) 6. ホバーエフェクト 7
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く