![初心者に捧げるGit・GitHub入門 for デザイナー&ディレクター 〜コード編集からPull Request&Mergeまで〜 - Life is bitter](https://cdn-ak-scissors.b.st-hatena.com/image/square/5432c25e563235c8204934ac84b715b367be31b8/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fl%2Flife-is-bitter%2F20181026%2F20181026011419.jpg)
こっちの色でも、そっちの色でもどっちでもいい。でも、どちらも腑に落ちない。 僕にはこんな経験がよくあります。一人問答をしてそれでも納得できないとき、最終的には周りに相談します。その際に相談するときにはある程度自分のルールを持っています。今日はそのときのルールを紹介してきます。 自分は何に悩んでいるのか分類する バナーがしっくりこない トップページのメインビジュアルが周りから浮きすぎて見えてしまっている 全体的にのっぺりしてる感じになってしまう デザインをする上では山ほどの悩みを解決しながら制作をしますが、僕の場合はざっくり4つに分けて考えるようにしています。 人によっては違うかもしれませんが、問題がだいたいどこにあるのかを見当つけることで、相談するためのポイントがはっきりします。 相談相手に何をして欲しいのかゴールを決める ただ「わからない」というだけでは、相談相手も困ってしまいます。自分
UIデザインの作成ツール!誰でも分かるSketchの使い方【初心者向け】 初心者向けにSketchの使い方についての解説記事。アプリのUIデザインやWebデザインの作成ツールとして有名なSketchですが、初めて使う方でも分かるように細かく説明しています。デザイナーとしてスキルアップできるはずです。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日 調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名 調査手法:インターネット調査 アプリのUIデザインなどを作る上で有名なツール「Sketch」 デザイナーの方でSketchを
These lovely water-colorful dots will make your designs pop...
2015年10月8日の記事を再編集しています。 近年のWeb業界は目覚ましい発展を遂げており、以前に比べるとWebデザイナーを本格的に目指す方向けのスクールやサービスも数多く登場し、独学でもWebデザインが学びやすい環境になりました。 とはいえ、未知の領域へのチャレンジは「何から始めたらいいのか分からない」そんな不安で尻込みしてしまうことはないでしょうか。 今回は、未経験者がWebデザインを学んていく過程や成果を記録した記事をご紹介し、Webデザインを始めたい方、興味があるという方の後押しになればと思っています。 ぜひ、これからの参考にしてみましょう。 未経験者がWebデザインを学んだ成果を記録した記事まとめ 1.1年でフリーのWebデザイナーになった僕が実行した8つのステップ【独学デザイン勉強方法】| Literally http://tsukuruiroiro.hatenablog.c
画像の上に文字や入力フォームなどを重ねて表示させたいと思ったことはありませんか? 例えば、図のような画像の看板部分にぴったり合うように文字を表示したい場合などです。 画像の上に重ねて文字を表示したい場合でも、1枚の画像を細かく分割して掲載したり、table要素を駆使したりする必要はありません。CSS(スタイルシート)を使えば、1ピクセル単位で表示位置を微調整して、簡単に画像の上に文字を重ねることができます。 今回は、ウェブページ上に掲載した画像の上に、文字や入力フォームなどの任意のオブジェクトを重ね合わせて表示する方法をご紹介いたします。HTML+CSSだけの簡単な方法です。 画像の上に文字やオブジェクトを重ねる例 今回ご紹介する方法を使えば、以下のような重ね合わせ表示が作れます。ここでは例として、画像の上に文章を重ねたり、画像の上に選択フォームを重ねたり、画像の上に枠付きのキャプションを
検索頻度の高いキーワード デザイン 企業ブランディング パッケージデザイン 住所 キャラクター ブランドサイト プロダクトデザイン フロー 商品開発 UI
こんにちは、デザイナーの王です。 今回の記事ではCompass使いになるための必要最小限の知識から応用まで、体系的にひと通り紹介していきます。 全くの初心者でも問題ありません! はじめに結論を言うと、CompassでCSSを書くと 早い! 見やすい! メンテしやすい! コード量がぐっと減る! 一度使い出したら最後、もう元には戻れない! 一体どこまで便利なのかずらずら書くよりも、百聞は一見にしかず! 簡単なプロジェクトを通して、各特徴について紹介した短いデモ動画を用意したので、まずはこちらを見てください! Compassとは? Compassを語る前に、まずは「Sass」を知っておく必要があります。なぜなら、CompassはSassを元に開発したフレームワークだからです。 Sassとは では「Sass」とは何かと言うと、正式名称は「Syntactically Awesome Style Sh
多数のデバイスをサポートするためにレスポンシブデザインのチームが作成するサイトは1つだが、ユーザビリティを確実なものにするには、全デバイスでのコンテンツやデザイン、パフォーマンスを考慮する必要がある。 Responsive Web Design (RWD) and User Experience by Amy Schade on May 4, 2014 日本語版2014年6月4日公開 レスポンシブデザインの定義 レスポンシブWebデザイン(RWD)とは、Webサイトの外観を、それを見るために利用しているデバイスの画面サイズや向きに合わせて動的に変化させるWeb開発アプローチである。RWDは、ごく小さなスマホから巨大なデスクトップモニターまで、顧客が利用する多数のデバイス向けにデザインする、という課題に対する方策の1つといえる。 RWDはいわゆるブレイクポイントを利用して、サイトのレイアウト
960 Grid System Download - CSS, sketch paper, and templates for: Acorn, Fireworks, Flash, InDesign, GIMP, Inkscape, Illustrator, OmniGraffle, Photoshop, QuarkXPress, Visio, Exp Design. Repository at GitHub. Essence The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns,
Learn how to design great apps and games that integrate seamlessly with Apple platforms. Human Interface Guidelines Learn essential information about platforms, foundations, patterns, components, inputs, and technologies. The HIG offers guidance and best practices for designing exceptional user experiences across all Apple platforms.
メールフォームは、ホームページを見た人からのお問い合わせなどを受け付ける為の機能です。 企業サイトはもちろんですが、個人サイトでもできるだけ準備しておいた方が良いでしょう。 このページではメールフォームを作成する方法をご紹介します。今回メールを送信する為のプログラムはPHP工房の多機能メールフォーム フリー(無料)版を利用させてもらいます。 メールフォーム作成のサンプルページも用意しましたので、記事の内容と一緒にご覧ください。 フォームタグの構成 メールフォームはHTMLのフォームタグを利用します。 フォームタグは<form>~</form>内に記述します。 <form method="送信方法" action="プログラムのURL"> <!--ここにフォームタグを記述します--> </form> 代表的なフォーム内の部品をご紹介しましょう。 テキストボックス 1行のテキストを入力できるテ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く