VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ- – すてきなWebサイトをひたすらつくりつづけたい。
メインのお仕事がAndroid UI担当になって早1年。 今年は絶対に月に1回はブログを更新すると決めました。 こんにちは。YUKIです。 AndroidのUIデザイン関連でこまめにチェックしている資料をまとめてみました。 これからAndroidのUI関係の情報を集める方、Material Designのガイドラインが発表されてからどう変わったのか収集中の方の参考になれば幸いです！ (2015/1/10 現在) ドキュメント関係 公式資料関係 Material Design ガイドライン http://www.google.com/design/spec/material-design/introduction.html まずは読み込んでMaterial Designの思想を理解 Google Developers Blog http://googledevelopers.blogspot
Illustratorの表現の幅が広がるIllustratorブラシセットまとめ「75+ Illustrator Brush Sets for Download」
Illustratorの表現の幅が広がるIllustratorブラシセットまとめ「75+ Illustrator Brush Sets for Download」 クオリティの高いデザイン制作のために、細かいパーツを一つ一つ制作したり、パーツの加工をPhotoshopで行うことも多いと思いますが、一手間も二手間もかかり、制作時間も増えてしまいます。そんなシーンに是非活用したい、Illustratorの表現の幅が広がるIllustratorブラシセットをまとめた「75+ Illustrator Brush Sets for Download」を紹介したいと思います。 （illustrator brush set 3 by ~nrmb on deviantART） さまざまな罫線を制作できるブラシや、繊細なモチーフやパーツを表現できるブラシが多数紹介されています。中でも気になったものをいくつか
Google神格化キット. Googleを神格化し、使用者に神の要素を与えるChrome拡張 | by 甲南女子大学文学部メディア表現学科／編集・インターネット研究ゼミ | Medium
1.はじめに「Google神格化キット」は、Google[1]を既存の神に変わる存在とし、普段我々が日常的に行う。インターネット上の行為である「検索」を演出した作品である。 現在コミュニケーションや、商取引などあらゆる役割が集約されたインターネットは、社会に既存の施設やコミュニティなどのあらゆる要素を取り込み、我々の生活になくてはならないものとなっている。欲しい商品についての情報を検索し、購入までの行為を全てインターネット上でいつでもどこでも行える他、日本にいながらリアルタイムで海外情勢知ることができ、友人と情報共有が手軽にできる。今やインターネットは新たなライフラインとも言えるべき存在である。 インターネットに集約されたあらゆる要素の中には宗教も入っている。島田裕巳は『スマホが神になる』で、宗教要素の一因である「コミュニティ形成」や「救済」をインターネットが担いつつある現象について「神に
私は、職業柄（？）プログラマー・SEの方などに「これからWebデザインもやりたいけど、どうすればいいか」と相談されることがあります。 そういう時、私はまず「優れたデザインのサイトを見て、それをスケッチする」ことを薦めています。 たった1度やって頂くだけでも、明らかにデザインに対する見る目が変わるのでお勧めです。 なぜスケッチが必要か？ 多くのPCスクールやWebスクールでは、Photoshop などの「ソフトの使い方」を中心に教えているようですが、それだけだとWebサイトをデザインするのは難しいと思います。 なぜなら、Photoshop などのソフトは「頭の中にあるもの」を制作することはできますが、「頭の中にないもの」を制作することは難しいからです。 デザインは、ソフトが自動的にやってくれるものではありません。 自分の力で1から作る必要があるのです。 そのために、「良いデザイン」とされてい
![[連載]Webデザイン入門（2:スケッチしよう） | Stocker.jp / diary](https://cdn-ak-scissors.b.st-hatena.com/image/square/6ab5cbd3dd1186ff326b5535187635828fcee5c0/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2F8c4a9bf2a4c1d3459b7f3b5db1bf2eb5-500x304-1.png%3Ffit%3D500%252C304%26ssl%3D1)
《この記事で扱う画像加工ワザ6つ》 ［図の修整］で写真を明るく、はっきりと ［図の色］で写真やイラストの雰囲気を変える ［アート効果］で写真やイラストを加工する ［背景の削除］で画像をスッキリさせる ［図形に合わせてトリミング］で画像を好きな形に切り抜く ［図形の結合］でオリジナルの図形を作成 PowerPoint2016を使えば、デザイナーじゃなくてもカッコいいパワポ資料を作るのは簡単です！ 最近では文字だらけの分かりづらいスライドは敬遠され、図解や写真といったビジュアルを活用したプレゼンテーションがスタンダードになってきました。それでも一般の企業ではビジュアルを効果的に活用したプレゼンテーションはなかなかハードルが高いもの。 しかし現在のパワーポイントの機能なら、バリエーション豊かな画像加工が、実はとても簡単にできてしまうのです。今回は、素人でも簡単にプロみたいな画像が作れる、パワーポ
この記事では、「それ、何使ってるの？」と思わず聞きたくなるような、最新のWeb、オンラインツールをまとめてご紹介します。 めずらしいだけでなく、面倒で手間のかかる作業がほんの数クリックで完成の時短アイテムや、今までなかったけどあると便利なツールや素材を中心にセレクト。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. デザインコレクション 3. アイコンツール 4. 面白、クリエイティブツール Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ Web制作便利ツール Make Way Grid Effect 一枚の画像を選択すると、他の画像が場所をゆずって、道を空けてくれるアニメーションエフェクト。 CSS Shadow Gradients 2色の配色によるグラデーションをつかった影、シャドウグ
illustratorで修正が簡単な文字枠を作る方法 Be Creative Be Happy/// ナナメウエBlog
2012年10月25日 投稿者: suzuki こんにちは、デザイナーの鈴木(@suzukisan__)です。 今回は入稿間際に修正が一気にきて死にそうになるDTPデザイナーの方などに役立つ内容です。 illustratorでデザインをしている時に頻繁に使う、文字枠の中に文字があるというこの形。 長方形ツールでオブジェクトを作成して、その上に文字を重ねるというやり方の人が多いんですが、これだと文字数が増えた時に下の長方形オブジェクトのサイズまで変えて、さらに中央揃えしたり…とけっこう手間がかかります。 今回はもっと簡単で、さらに文字数が増えた時にも簡単に対応できる方法をご紹介します。 まずは文字を入力します。 今回はFutura Mediumにしました。 次にテキストオブジェクトを選択した状態で、[アピアランス]の[新規塗りを追加]を2回クリックして、塗りを2つ追加します。 こ
はじめに 質問箱や、ボタンメーカー、診断メーカー等を始めとする 「OGP画像生成系」 を ２個以上作ってそれのベストプラクティスがわかってきたので、共有したいと思います。 宣伝 この技術を使ったサービスを実稼働２日ぐらいで作りました！ 使い方は簡単です！ メッセージカードを書いて、Twitterにシェアするだけ。 #嵐ありがとう OGP画像生成系サービスとは？ 質問箱 みんなのボタンメーカー （｡･ρ･）ｵｼﾃﾐﾃ キズナアイな気分のときに押すボタンを作りました！みんな押してね！#キズナアイな気分のときに押すボタン#みんなのボタンメーカー https://t.co/2mzJUE48zj — Kizuna AI@hello,2019‼︎ (@aichan_nel) 2019年1月29日 「ツイッターでつぶやけるボタン」を簡単に作成できるサービスをリリースしました【個人開発】 すごくいいサービ
飲み終わったワインの瓶を再利用して、スピーカーを作ってみました。 実は、ずっと前からワインボトルを利用したスピーカーを作りたい！と思って、どんな感じで作ろうかと計画していました。やっとのことでそれが実現できた！ってかんじですね。 以前もスピーカーを作ったのですが、今回のワインボトルスピーカーは自作スピーカーの三個目ということになります。設計やアイデアなどまで位置から全部自分でやったのが初めてなのですけどね。 完成したワインボトルスピーカーはスピーカーユニットが上部についている、ちょっと変わった形状のものになりました。 今回のワインボトルスピーカーは、スピーカー製作の初心者が設計したものだし、正直な所、こんな方式でまともな音が出るスピーカーになるのかさっぱりわかりませんでした。でも、「失敗したらそれはそれで！」という気持ちであまり期待しないで実験的にやってみたら、意外と良い音が出るスピーカー
こんにちは Latin です。 「Retina」 ではありません。ラテンの「Latin」です。 もうすぐ夏が終わりそうというのに、ウチのビルの喫煙所はサウナのように蒸し暑いです。 ダイエット中の方はぜひご活用ください！ さて今回ですが、デザイン分野での記事を Postします。 何かと制作機会の多い「アクセスマップの作成」の時短テクニック！（？） みなさんの時間短縮テクニックなどもありましたらぜひご意見頂けると幸いです。 2012.08.27 記事の内容を一部訂正いたしました。 目次 Illustrator の時間短縮！ウェブやチラシで使うアクセスマップの作り方 Point.1 Google Maps を使って時間短縮 Point.2 スクリーンショット画像に沿ってトレース Point.3 お好みでトッピングを追加 Point.4 仕上げにクリッピングマスク そもそも地図の図案を起こすのも、
ガッカリしないように先に書いておきますね。作れるのはアルファベットと数字と記号です。さらに米lifehackerで掲載された影響でアップロードが混みあっていますのでご注意を。 こちらの「YourFonts」はオンラインであなたの書いた文字を、TrueTypeフォントにしてくれるサービス。以前、米lifehackerでは同じようなフォント作成サービスをいくつか紹介しました。でも、フリーのものは無かったんです。ところがところが、「YourFonts」はなんと無料サービスなのであります。 オリジナルフォントの作成方法はいたって簡単。 「YourFonts」のサイトからテンプレート（PDF）をダウンロードして印刷 指定位置にそれぞれのアルファベット・数字等を記入。正しい記入例はこちら。 お手元のスキャナで、カラー（24bit）かグレースケール（8bit）にてスキャン。 解像度は最低で150dpi（
自分で、自分の「仕事のできなさ」を解明してみる
おれは仕事ができない おれは仕事ができない。その根拠は、おれが稼げていないという一点にある。 おれが赤字人間であるという一点にある。これが結論である。 「で、具体的にどのように仕事ができないのか？」と問われた。 これは簡単な話だ。おれの仕事っぷりを、というか、仕事のできなさっぷりをありのままに書けばいい。 ぜんぜん楽勝じゃないか。 ……と、思ったのだが、これが書けない。 なぜ書けないのか。おれが「仕事」をわかっていないからだった。 あるいは「会社員」であるということをわかっていなかった。 だから、自分が、会社員としての理想や基準、平均と比べてどうなのか、どこが具体的にだめなのか。そういう比較がまったくできなかったのである。 そんな人間がいるの？ いるのだからしかたない。 おれはおれが暮らしていくだけの賃金を会社員として得ていることも、また一方の確かな事実ではある。 とはいえ、おれは人生にお
こんにちは！おおはしりきたけです。今回は突撃！隣の開発環境というタイトルでイケてる開発会社さんの開発環境についてインタビューさせてもらいました。第1弾として、iOS オールスター勉強会でベストプレゼンターに輝いたWantedlyの杉上さんとRubyエンジニアの森脇さんにお願いしました。Wantedlyさんは既に@yimajoさんがQiitaで連載しているiOSアプリ開発の現場で訊いてみた！シリーズでiOSの開発現場についてのインタビューはされており一部重複してしまっている部分もありますが、ご了承下さい。 突撃！隣の開発環境とは 技術事例やノウハウなどは、ブログや勉強会などで共有されることが多いと思います。しかし、各社の開発環境や開発体制などは意外と共有されていないこと多いと思います。ノウハウの流出になるかもしれませんが、それ以上に、より良い開発を目指している会社さん同士で情報交換を行い、良
2013年5月9日 Webデザイン, インスピレーション, 便利ツール 2013年を代表するデザイントレンドと言えばフラットデザイン。それを横目に、実は静かに流行り始めている「ポリゴン風デザイン」をご存知でしょうか？ローポリと呼ばれているものですね。今回はツールを使って写真からポリゴン風イラストを作ってみましょう！デザインの参考になるWebサイトやグラフィック・アートもまとめているので、オリジナルポリゴンアートに挑戦してみてください！ ↑私が10年以上利用している会計ソフト！ 「triangulator」でポリゴン風イラストを作成 ポリゴンは通常は3D系のソフトで作りますが、PhotoshopやIllustratorでも作ることができます。ただ、それではかなり時間がかかってしまうので、写真をサクッとローポリイラストに変換できる「triangulator」を使用します。こちらの動画をご覧頂け
こちらの“ドラえもん”のイラスト、どうやって描かれていると思いますか？PhotoshopやIllustratorなどの画像編集ソフトで描かれているようにも見えますが、実はこのイラスト、なんと画像を一切使わずに「XHTML」と「CSS3」のソースコードのみで描かれているとのことです。 ▽CSS3 ドラえもん インターネット上でイラストを公開するには、JPGやGIFといった画像ファイルでアップロードするのが一般的。しかしこちらのドラえもんはそういった画像ファイルではなく、Webサイトを構築する際に使われるXHTMLとCSS3のソースコードのみで作られています。そのため“右クリックで保存”ができなかったり、ブラウザの種類やバージョンによって見え方が異なるのが特徴です。 こちらはFirefox3.6の場合です。FirefoxやGoogle ChromeはCSS3に対応しているので、グラデーションま
ブラウザーで新たにインタラクションやアニメーションを作る時、皆さんはどのようにして使う技術を選んでいますか？ 使い慣れたライブラリに機能がないかドキュメントを調べてみたり、流行りのキーワードであればGoogle等で検索してみることも多いでしょう。一方、独自のビジュアル表現やアニメーションの場合、そもそも検索するキーワードがわからないことも多いのではないでしょうか？ この記事では、webのビジュアル表現・アニメーションを実現するベースの技術であるCSS・SVG・Canvas（WebGL）の3つについて、それぞれのできること・できないこと（得意・不得意）を作例とともに紹介します。 クイズ：どうやって実現する？ webでできるさまざまな表現 下の図はこの記事で紹介する9つのサンプルを並べてみたものです。すべてのサンプルはCSS・SVG・Canvas（WebGL）のいずれかを中心に実装されています
404 Not Found
404 Not Found nginx
近年、プロトタイプやフレームワークと言った言葉をよく耳にします。 どのような変化が起きていて、それに至るまでの考え方や、個人的な見解を書きたいと思います。 閲覧環境と利用者の変化 Webサイトの役割の変化について スマートフォンやタブレットの登場によってWebサイトの閲覧環境は大きく変化しました。 PCの前にわざわざ座り、電源を入れて「さぁ、Webサイトでも見るか〜」から、リビングのソファに座りスマートフォン閲覧するようなスタイルが当たり前になってきました。 Web制作者は常時PCをたちあげてると思いますが、Web業界に関わっていない方はわざわざPCのある部屋に行って見るなんて事は少なくなっていると思います。 コミュニケーション的視点の重要性 Webサイトの価値観や利用状況は変化しているのに、実際にそれらをふまえて制作されている場合は少ないように思います。 利用者の見方が変わって来ているの
Illustratorで画像トレースする方法！落書きからイラストを作ってみた。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Photoshopでゴミ取りをする。 まずは、写真のゴミ取りから取り掛かります。 こちら、弊社 落書き ホワイトボードの写メです。 この状態からPhotoshopの「レイヤースタイル」→「トーンカーブ」で周りを白く飛ばし、余計な背景を消しゴムツールで削ってゆきます。 同じ作業をなんどか繰り返して…… こんな感じの、なるべく線だけが見える画像にします。 画像トレースでIllustratorに線画を取り込む。 先ほど作った画像をIllustratorに配置し、画像を選択した状態で、「ウィンドウ」→「画像トレース」を開きます。 ここを調整してプレビューを確認しながらトレースをすると割りとうまくいきます。 しきい値が多いほど詳細に取り込まれます。 調整が決まったら、プレビューを外してレッツトレース！！ 次に、トレースされた画像を選択して「オブジェクト」→「画像トレース」→「拡張」で線画をパス化して
ここ数ヶ月のAIの進展は凄まじく、毎日のように新たな魅力的なプロダクトが公開され世間をざわつかせているのはもはや言うまでもない。そんな中、最近よく耳にする音声AIやテキストAIとはまた違ったアプローチのAIツールが話題になっている。 それは通常の画像をラスター画像に高精度で変換してくれる「Vectorizer.AI」というもので、現在無料で利用することができる。 ベクター画像とは、フォントと同様に座標や数式で保存されており、それをもとに描画をするため、ラスター形式と呼ばれる通常のPNGやJPEGなどとは異なり「ぼけ」が生じず(理論上)無限に拡大することができることが特徴だ。本サービスはそんなベクター画像をAIを活用することでノイズやボケが含まれる低画質画像からでも生成することができるという。 [GDC_row] [GDC_column size=”half”] 今回は同じくAIを活用したキ
WebエンジニアがスキルアップのためにKindle 50%還元セールで買っておくべきIT技術書 50選【6/1まで】
--この記事は約 8 分で読めます。--こんにちは、きるいっとです。 現在、キンドルストアでIT技術書1700冊以上が50%還元セールを実施中です。 キンドルストアIT技術書50%還元セール セール中の書籍の中から、本日は、 「Web系新人エンジニアがスキルアップのためにKindle 50%還元セールで買っておくべきIT技術書 50選」をお届けします。 Webエンジニアとして心得 Webサービスのつくり方 ――「新しい」を生み出すための33のエッセイ Software Design plus HTML/CSS/JS HTML 現場のプロが教えるHTML＋CSSコーディングの最新常識 知らないと困るWebデザインの新ルール4 スラスラわかるHTML＆CSSのきほん CSS スラスラわかるCSSデザインのきほん スラスラわかるきほんシリーズ Web制作者のためのCSS設計の教科書 モダンWeb
仕事や趣味でちょっとしたWebページを作ったり，プレゼンテーションをするときに，「絵や図を自分で描けたら便利なのに」と思うことはありませんか。文字だけのWebページに比べて，絵や図が入ったページはぐっと華やかになりますし，わかりやすさも向上します。 最近ではフリーの素材がWeb上に溢れていますから，自分で描く必要はないと考える人もいるでしょう。ただ，たくさんの素材の中からイメージに合った絵を探すのも結構手間がかかりますし，目的にぴったりの絵というのは案外見つからないものです。 「自分で絵を描ければいいのだが，“絵心”がないし，センスもないから」とあきらめている人も多いかもしれません。確かに，紙に描くにせよ，コンピュータを使って描くにせよ，他人に見せて感心されるような絵を描けるようになるのは並大抵のことではありません。しかしコンピュータを使ってお絵描きをする場合には，ツールの使い方を理解し，
ページ遷移が楽しい繊細で滑らかな動き CSS3を使った滑らかな動きと大胆なタイポグラフィが魅力的な「Beatrice Creations」。黒と白を基調とした至ってシンプルなデザインながら、つい全ページを見てみたくなる、飽きのこない演出が施されている。 Béatrice Créationsでは、複数ある作品のロゴにSVGが使われており、作品ページを移動するたびに美しいカーブを描く。軽量で、枠線や線画によって繊細でリッチな世界観を演出する、今注目のSVGアニメーションを有効に活かしたサイトだ。 今回はこのサイトをヒントに、SVGの基本と、CSS3アニメーションを使った動かし方を解説する。CSSとHTMLのみで次のような枠線とテキストを描き、最終的にはjQueryを使って色を変えるデモを制作する。 STEP 1：SVGのパスを作成する アニメーションを作る前に、Illustratorを使って素
「文字として読めなくてもいい」－イワタによる"東亜重工フォント"制作プロセスと、グラフィックデザインにおけるフォントの在り方
TOP スペシャルコンテンツ 「文字として読めなくてもいい」－イワタによる"東亜重工フォント"制作プロセスと、グラフィックデザインにおけるフォントの在り方 2022/01/27 PR 「文字として読めなくてもいい」－イワタによる"東亜重工フォント"制作プロセスと、グラフィックデザインにおけるフォントの在り方 デザイン アニメ [PR] 『シドニアの騎士』や『BLAME!』など、弐瓶 勉作品をまたいで登場する架空企業・「東亜重工」。作中では詳しく語られることがないにもかかわらず、非常に大きな存在感を示している理由のひとつは、そこで使われる独特なフォントデザインにある。実際、作品を飛び出してこのフォントを使ったグッズも多数制作されている。そんななか、フォントデザインの老舗企業であるイワタが、改めてデザインした約7700文字の東亜重工製フォント『東亜重工』（以下、東亜重工フォント）を2020年1
とにかくすごい！ 「Lightroom for iPhone」のHDR撮影を試してみる【追記あり】：荻窪圭のiPhoneカメラ講座（1/2 ページ） Lightroom mobileに「神アップデート」 「Adobe Photoshop Lightroom for iPhone」という長い名前のアプリがある。AdobeのPC用写真アプリ「Photoshop Lightroom」のiPhone版っていう意味だが、長いのでそのまま呼ぶ人はもちろんいない。 Adobeでは、iPhone版、iPad版（Adobe Photoshop Lightroom for iPad）とAndroid版（Adobe Photoshop Lightroom for Android）をまとめて「Adobe Lightroom mobile」と呼んでいる。 →Adobe Photoshop Lightroom for
ウェブ業界の当たり前だと思っていることでも、他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか……。この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載9回目となる本記事では「2023年のHTMLコーディング」をテーマとしてアンケート結果を紹介します。 imgタグの属性はちゃんと書く？ imgタグにwidth・height属性を書いているか質問しました。 4397票の回答があり「何が何でも絶対に記述する」が11.9%、「基本的に記述する（たまに記述しないことがある）」が33.2%、「面倒なので普段は記述しない（たまに記述する）」が21%、「記述しない！」が33.8%でした。 記事『【2020年夏】imgタグにはwidthとheight属性を書くのがいいらしい | Rriver』によると、レイアウトシフトの対策に有効であるためにwid
はじめに こちらの記事では、Adobe Illustratorでの複雑なイラストの描き方を解説しています。後半に、実際に描いたイラストもダウンロードが可能です。(イラスト作成の参考になると思います！) また、前提として、ここではピクシブなどでよく見る複雑なデジ絵ではなく、商業用のイラストカットのお話をしています。イラストレーターが本業ではなく、イラストも描くデザイナーを対象とした記事です。 商業デザインでは、スピード重視、修正対応の柔軟さがものをいう世界ですよね？それなら、illustratorでマウスを持ちかえることなく、イラストもデザインも一緒にやってしまった方が効率が良いはずです！ この記事では、ペンタブも鉛筆の下書きも不要な、illustratorのみを使ったイラスト作成のノウハウを動画にて公開いたします。 商業デザインのイラストレーションの悩み イラストを描く際に、手書きをスキャ
クリエイター向けの高価なソフトに代わるリーズナブルなソフトウェアたち（Mac） | ライフハッカー・ジャパン
画像や動画の編集など、OS X には数多くのクリエイティブ系ソフトが存在しますが、その多くは入手するのにそれなりの投資金額が必要です。 ですが、それほど多機能なソフトでなくてもよい場合、パワフルながらもリーズナブルな価格帯のツールで充分です。今回はリーズナブルな価格帯で購入できるお役立ちツールを一挙に紹介していきます。 画像編集／デジタルアートワーク／小説・脚本の執筆／動画編集の4ジャンルに分類しています（※各アプリの価格は、2014年1月13日現在のものです）。 画像編集 〜『Pixelmator』一択か 画像編集には『Photoshop』が王道ですが、そこまで多機能なツールがどうしても必要というわけでもないことがほとんどだと思います。 安価で入手できる画像編集ツールとしては30ドルで購入可能ながらも Photoshop に決して劣らないパワフルでグレートな『Pixelmator』の最新
Adobe Illustrator を CS4 から 10 年以上使っているんですが、そろそろ Adobe にも飽きてきたので他の選択肢を探してみようと思い色々休日に調べていました。 探してみると選択肢は非常に少なく、フリーの Inkscape か有償の Affinity Designer のどちらかを選ぶという状況です。 Affinity Designer も有償と言えど 6,000 円程なので、たったの CC1 ヶ月分です。 https://affinity.serif.com/ja-jp/designer/ Affinity という名前は初めて聞いたのですが、多くの Illustrator の機能をサポートしている上に、公式サイト・ヘルプが日本語に翻訳されており敷居も低いです。製品ラインは 3 つ用意されており、 Affinity Photo: Adobe Photoshop の代替
Welcome to N.Design Studio This is the portfolio & blog of Nick La, Toronto-based web designer/illustrator. Themify Flow: WordPress Theme Builder Jun 11, 2015 1,612 Comments I haven’t updated this blog for the longest time. Today I have something very exciting to present. I’ve been working very hard with the Themify team on a new theme builder for WordPress called Themify Flow. It is a lightweight
Webサイトのデザインやコーディングは、やるべきタスクが年々増えてきました。それらの手間がかかる面倒な事が楽にできるツールやアプリも年々リリースされています。 これからのWeb制作にどんどん取り入れていきたいツールやアプリを紹介します。 Adobe Experience Design(Adobe XD) Adobe XDはWebサイトやスマホアプリのデザインやプロトタイプを作成するベクターベースのツールで、PhotoshopやIllustratorともスムーズに連携して利用することができます。 以前は「Project Comet」の名称で発表されていた新ツールが、2016年3月に「Adobe Experience Design(Adobe XD)」としてプレビュー版が公開されました。現在はOS X版のみですが、2016年後半にはWindows 10への対応も予定されています。
北岡明佳の錯視のページ
北岡明佳の錯視のページ 北岡明佳・立命館大学・総合心理学部・教授、知覚心理学（錯視・目の錯覚） 認知センター 視覚センター OIC map OIC紹介 トリックアート 風景 外部へのリンク 街づくりプロジェクト SP Lab 展示もの サンプル画像 コメントもの 2002年5月10日開設・2024年4月9日更新 英語版(English) セルビア語版 ポルトガル語版 中国語版 錯視カタログ(2014/6/3) ご注意 このページには「動く錯視」（静止画なのに動いて見える錯視）が含まれています。現在まで錯視が人体に有害な影響を与えるという証拠はありませんが、車酔いなどを起こしやすい方はご注意下さい。万一気分が悪くなりましたら、速やかにこのページから退去して下さい。デザインの違法な商業的使用（要するに著作権侵害）には法的措置を取ります。 最新作（2024/2/4） 最新ページ（2024/4/
※「Sketch」はMac専用アプリです。Windows版はありません。 「演習ファイル＋動画＋演習付き」で記事を書いてます。 エンジニアの人から「Sketch使ってみたい」「日本語の記事が少ない」という声を聞いて、最近社内で勉強会しました。 Sketchについて日本語の記事を調べてみたところ、このレベルの記事はけっこうありました。 ただ、学びやすいか？といえばそうではないらしいので、少し工夫して学びやすいように書いてみました。 ハンズオン用などにご利用ください。 Sketchとは Sketchについて一応さらっと書いておきます。 ・アプリやWebのデザイン・UI設計などに使われるMac用アプリケーション IllustratorやFireworksのようなツールです。 ・$99 買いきり(2016/02 現在） 有料です。 ちなみにApp Storeでは買えなくなりました。ショバ代かかるか
人や動物のシルエット
Design Your Way is a brand owned by SBC Design Net SRL Str. Caminului 30, Bl D3, Sc A Bucharest, Romania Registration number RO32743054 But you’ll also find us on Blvd. Ion Mihalache 15-17 at Mindspace Victoriei contact@designyourway.net You came here for some really cool CSS text effects that will help you make amazing web typography for your websites. In order to successfully give a website a lo
この記事では、Webデザイン制作をもっと楽にする最新オンラインツール45個をまとめてご紹介します。 ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな新しいツールを中心に揃えています。 これまで面倒だった作業をワンクリックで完了したり、人工知能が自動で行ってくれたりと、より快適にプロジェクトを進めることができる便利ツールが揃います。 自分のワークフローにうまくツールを導入することで、制作時間の短縮につながるだけでなく、ストレス少なく作業を行うことができます。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. 配色ツール 3. デザインコレクション 4. イラスト系ライブラリ 5. プロトタイプツール 6. アイコンツール 7. コラボ、リモートワークツール 8.
当サイトでは、Photoshopの新しい機能テクニックをつかった最新チュートリアル、作り方を定期的にまとめて紹介しています。 この記事では、2021年のあいだに公開された、特に確認しておきたいPhotoshopのデザインチュートリアル、つくり方をまとめてご紹介します。 10月のアップデートで機能が大幅強化されるなど、進化が止まらないフォトショップ。 人気のレトロエフェクトにはじまり、ボタンひとつで完成のお手軽写真アクション、写真合成テクニックなど、デザイナーが覚えておくと便利なテクニックなどが多く公開された年となりました。 2021年公開のIllustratorチュートリアル、つくり方と一緒にいかがでしょう。 【総まとめ】2021年公開のすごいIllustratorチュートリアル、作り方厳選まとめ まずはAdobe公式サイトより、Photoshopを無料でダウンロードし、7日間のお試し期間
スマートフォンサイトのサイト設計、画面設計に続き、今回はデザインとHTML/CSSの制作です。前回作成したワイヤーフレームをもとにデザインカンプを作成し、HTML/CSSをコーディングしていきます。 Photoshopでデザインカンプを作成する 最初に、グラフィックソフトを利用してデザインカンプを作成します。今回はPhotoshop CS5を使いましたが、FireworksやIllustratorなど使い慣れたツールで構いません。 デザインにあたっては、スマートフォンのブラウザーの画面領域を定義したテンプレートを用意してからデザインパーツを作成、配置していきます。画面領域はサイズを測ってガイドを引いてもよいですが、本連載の第5回で紹介したデザインテンプレートを利用するのが手軽です。
M+（エムプラス）フォント wikipedia:M+ FONTS を丸ゴシック化 wikipedia:丸ゴシック体 しました！ Rounded M+（ラウンデッド・エムプラス）という名前です。 ダウンロード 追記 2013-07-05 MM様が、より新しいRounded M+を作成されました！ http://jikasei.me/font/rounded-mplus/ 漢字を多く含みますので、ここで配布しているのよりオススメです。 ※2012-02-29 一部の文字（全角の０〜７）がおかしい問題を修正しました。 ※2012-02-27 フォント名の問題（Windows7のフォントフォルダで見ると「Rounded M+」ではなく「M+」フォントにインストールされる）を修正しました。 フリーフォントです。 プロポーショナル（可変幅） Rounded M+ 1p http://sourcefor
ABOUT FONTはフォントに関するホームページ。フォントを探している人や、フォントの事で困っている人、DTP＆グラフィックデザインでフォントを使いたい人の役に立つコンテンツを目指しています。 多くの方のご協力・情報を頂いて運営しています。フォント・フォントツール、フォント情報サイトを制作された方はご連絡下さい。更新時に掲載、紹介をいたします。無料でダウンロードできるフリーフォントを中心に国内フォントサイトを紹介しているのがFONT LINK 、フォントをカテゴリー分けして紹介しているのがFONT CATALOG、フォントトラブルはTROUBLE。フォントの世界をお楽しみ下さい。注意：フリーフォントは無料の意味ではありません。フリー（自由）にダウンロードできるという意味です。使用についてのトラブルがあった場合も当サイトは一切の責任を取りません。フリーフォントユーザーの為のネットマナーを守
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[連載]Webデザイン入門（2:スケッチしよう） | Stocker.jp / diary
【パワポの上級テクニック】写真（画像）をおしゃれでかっこよく加工するコツ｜マイナビ転職
これは便利！ありそうでなかった最新Web、オンラインツール36選
Vue.jsとFirebaseでOGP画像生成系のサービスを爆速で作ろう - Qiita
ワインボトルでスピーカーを作ったら予想外に高音質だったので詳しく作り方を教える - MIKINOTE
Illustrator の時間短縮！ウェブやチラシで使うアクセスマップの作り方 | バシャログ。
あなたの書いた文字をTrueTypeフォント化する「YourFonts」 | ライフハッカー・ジャパン
突撃！隣の開発環境 パート1 【Wantedly編】 | DevelopersIO
静かに流行り始めているポリゴン風デザインに挑戦！
画像は一切使ってない！？CSS3だけで描いた“ドラえもん”がすごい - はてなニュース
君は使い分けられるか？CSS/SVG/Canvasのビジュアル表現でできること・できないこと - ICS MEDIA
これからのWeb制作スタイルとプロトタイプの考え方 - よつば手帖
続くAI大革命…イラストをベクター画像(線画データ)に変換する無料AIツールが高精度で凄い | オタク総研
7日間でマスターする！プログラマのためのFlashお絵描き講座---目次
SVG線画が美しいリッチアニメーションの作り方 (1/2)
Illustratorを使って、たった３分でプロが作ったようなグラフィックを作る方法 - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記
とにかくすごい！ 「Lightroom for iPhone」のHDR撮影を試してみる【追記あり】
HTMLコーディングの今。アンケート結果から分析する2023年のウェブ制作 - ICS MEDIA
illustratorとマウスで描くイラストの書き方／考え方 - DESIGN TREKKER
Illustratorの代わりにAffinity Designerを使う
N.Design Studio - Blog & Design
Web制作者は絶対チェックしておきたい、デザインやコーディングに取り入れていきたい便利なツールのまとめ
エンジニアのための「Sketch入門！」 1時間コース - Qiita
Webデザイン制作をもっと楽に！便利な最新オンラインツール45個まとめ
【総まとめ】2021年公開のすごいPhotoshopチュートリアル、作り方厳選まとめ
HTML5/CSS3で作るスマートフォンサイトの基本 (1/5)
フリーフォントM+を丸ゴシック化 ― Rounded M+ - itouhiroはてなブログ
アバウトフォント｜フリーフォントとDTP製品FONTリンク集｜ダウンロード