転職の成功率が上がる！デザイナーのポートフォリオの作り方｜作品数が少なくても担当者の目にとまる6つの法則 | デジハリ・オンラインスクール
Webデザインのスキルを学んだけれど、なかなか転職活動に進めない…。 その理由は「ポートフォリオが未完成だから」という方も多いのではないでしょうか？ さらにいえば「ポートフォリオに掲載する作品数が少ないから」という人もいます。 結論をいえば、ポートフォリオ内に掲載する作品は1点でも問題ありません。 その作例を通して、あなたのスキルや課題解決力が伝わればよいのです。 逆をいえば、どれだけたくさんの作品を掲載したとしても、あなたのスキルや課題解決力が伝わらなければ意味がありません。 この記事では初心者のWebデザイナーを対象に、転職活動の成功率を上げるポートフォリオの作り方をお伝えします。掲載できる作品が少なくても担当者の目に止まる「6つの法則」を紹介しますので、ぜひお役立ていただければ嬉しいです。 1. ポートフォリオをなかなか完成させられない理由 まず「ポートフォリオ」とは、自分の作品や考
これは一つ欲しくなる！今時のかわいいハンコ、アイデアが面白い印鑑のまとめ
最近は、かわいいハンコやアイデアが面白い印鑑がたくさんありますね。 文字にネコが紛れていたり、花や文様が加えられていたり、ポケモンや小動物がひょっこりいたり、かわいいデザインのハンコを紹介します。 ひょっこりにゃん ここで紹介するハンコは、銀行のお届け印・荷物の受領印など認印として使用できます。実印としては役所が認めてくれればできますが、難しそうです。 ひょっこりにゃん Pokémon PON 365日の花ずかん TYPO 絵のはんこドットコム おもしろMY印鑑 個性まるだしハンコおすもん 邪悪なハンコ屋 しにものぐるい 堀松印房 画像の掲載にあたり、各サイト様に許諾を得ております。 ひょっこりにゃん ひょっこりにゃんは、文字にネコが隠し絵風に紛れている遊び心満載のハンコです。 デザインは、おさかな・毛玉あそび・親子ねこの3種類があり、名前に合わせて専属デザイナーがデザインしてくれます。
ミニマルリズムでいこう！参考にしたい実践的な使い方25個まとめ
ここ数年よく耳にするようになった「ミニマリズム（英: Minimalism）」という言葉ですが、一体これが何なのか、そしてどのように活用できるのでしょう。 ミニマリズムは、必要最小限までデザインを省略し、本当に必要なものに注目を集める表現スタイルです。このことからミニマリズムでは、デザインの目的や意図を伝えやすくします。 ミニマルはシンプルに見えますが、作品の完成には練習や制作時間を要するもの。今回は、ミニマルスタイルの具体的な使い方を参考例と一緒に見ていきます。 コンテンツ目次 1. 一貫性をもたせよう。 2. 隠されたメッセージを探そう。 3. 空間のつながりを楽しもう。 4. かしこくいこう。 5. 効率的にいこう。 6. グリッドを利用しよう。 7. 実用、機能性を考えよう。 8. バランスよくしてみよう。 9. ルールを破ってみよう。 10. 文字で遊ぼう。 11. 余白スペース
全てのデザイナーが知っておくべき10の法則 デザイン会社 ビートラックス: ブログ
デザインを行う際には、感覚ではなく複数のロジックを活用することで、より精度の高いプロダクトを創り出すことができる。 そのプロダクトを人間が利用する場合、ユーザーの視覚や行動心理学などをしっかりと理解し、活用すればデザイナーとしての能力が一段と高まるはず。 今回紹介するのは、複数あるデザインにおける法則のうち、ビートラックスのデザインチームでも頻繁に利用される代表的な10の法則。プロのデザイナーなら、これは押さえておきたい。 デザイナーなら知っておきたいデザインに関する基本の10法則ヤコブの法則ヒックの法則80/20の法則パーキンソンの法則フィッツの法則ミラーの法則テスラーの法則FBMモデルドハティのしきい値3対1の法則ヤコブの法則ユーザービリティーの父であるヤコブ・ニールセンが提唱する法則。一般的なユーザーは、アプリやプロダクト、Webサイトなどに、既存のものと同じような動作体験を望む。
成功法則が詰まったBtoBサイトの標準ワイヤーフレームを無料配布します | knowledge / baigie
約1年前、BtoB企業における顧客獲得型サイトの勝ちパターンをまとめた『BtoBサイト・チェックリスト』を、ベイジ、才流さん、WACULさんの3社連名で発表し、大きな反響をいただきました。 このチェックリストはブログで公開しただけではなく、私たちのウェブ制作の現場でもフル活用されています。この1年間に手掛けた多くのBtoBサイトが、このチェックリストを満たすように設計され、多くのBtoBサイトでコンバージョン数/率やフォーム誘導数/率の向上など、ポジティブな変化が生まれました。 このような活動の中から、『BtoBサイト・チェックリスト』の内容を満たした『BtoBサイト・ワイヤーフレーム』なるものが誕生しました。これを今回、皆さんにご提供します。リード情報なども一切取らず、そのまま丸ごとお渡しします。 BtoBサイト標準ワイヤーフレームXD版（770KB） BtoBサイト標準ワイヤーフレーム
UIのデザインでよく見かける、目の錯覚による違和感を取り除くデザインテクニックのまとめ
WebページやスマホアプリのUIをデザインした時に、数値上は均整がとれているのに、人の目の錯覚で違和感を感じることがあります。ちゃんと揃えて配置したのに、同じサイズなのに、同じ色なのに、なんだか違和感があることはありませんか？ この目の錯覚による違和感を取り除くUIデザインのテクニックを紹介します。 Visually distorted - when symmetrical UI looks all wrong by Gil Bouhnick 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. ボタンと同じ色だとテキストは明るく見える 02. 同じフォントでも小さいサイズだと細く見える 03. 背景画像の上のテキストは読みにくい 04. 行間が間違っているテキスト 形の扱い方 05. 整列されたのに揃っているように見えない
コピペでできる！CSSとhtmlだけの使い勝手のいいボタンデザイン15選 | copypet.jp｜パーツで探す、web制作に使えるコピペサイト。
htmlとcssだけでできるボタンデザイン15選です。 使い勝手のいいものをピックアップしました。 色は好みで変えていただければ、かまいません。 色には6桁の16進数のカラーコード(#000000)も使えますが、他に、 3桁の16進数カラーコード(#000) RGB色相・彩度・明度(rgb(0,0,0)) RGBA色相・彩度・明度・透明度(rgb(0,0,0,1)) なども使用できます。 RGBA値での指定は、サポートしていないブラウザだと、透明度だけが無視されるのではなく、色指定そのものが認識されずに無効となるので注意が必要です。 ちなみによく出てくる擬似要素の::beforeと::afterって何よ？って方はこちらをご覧ください。 で？そもそも擬似要素の::before(:before)と::after(:after)って何がどうなってどう使えるの？ | copypet.jp｜パーツで
コピペでできる！cssとhtmlのみでフォームのセレクトボックスをいい感じにするデザイン8選 - copypet.jp｜パーツで探す、web制作に使えるコピペサイト。
<div class="cp_ipselect cp_sl01"> <select required> <option value="" hidden>Choose</option> <option value="1">cat</option> <option value="2">dog</option> <option value="3">rabbit</option> <option value="4">squirrel</option> </select> </div> .cp_ipselect { overflow: hidden; width: 90%; margin: 2em auto; text-align: center; } .cp_ipselect select { width: 100%; padding-right: 1em; cursor: pointer; te
div要素の見た目は矩形だけじゃない！UI要素をさまざまな形状のデザインに拡張するスタイルシート -augmented-ui
Webページやアプリに、サイバーパンクにインスパイアされたユーザーインターフェイスを簡単に実装できるCSSを紹介します。 下記の要素はdiv要素が一つだけ。角を斜めにカットしたり、辺に窪みを加えたり、ボーダーを美しくしたり、augmented-uiのCSSで用意されているclassを与えると、サイバーパンクにインスパイアされたさまざまなデザインが実装できます。 augmented-ui augmented-ui -GitHub augmented-uiは、Webページやアプリのdiv要素をはじめとするあらゆるUI要素にサイバーパンク風のスタイルを与えることができます。 ライセンスはBSD 2-Clause Licenseで、個人でも商用でも無料で利用できます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
コピペで使えるリストデザイン34選：CSSで箇条書きをおしゃれに