並び順

ブックマーク数

期間指定

  • から
  • まで

321 - 360 件 / 623033件

新着順 人気順

*デザインの検索結果321 - 360 件 / 623033件

  • 非コミュに足りない10の対人スキル

    (CV: 小山力也) よう、全国2000万の非コミュども。今日も今日とて、カスみたいな増田で傷の舐めあいと罵り合いか。 節電で例年にも増して暑いのにご苦労なことだな! タイトルの通り、最近自分の周りの非コミュたちを見ていて、なんとなく共通して当てはまるものが見えてきた。 信頼を失うような立ち振る舞いが多い。メールの返事返さないとか、電話にでない、とか。 基本的にこちらの事情や行動を平気で踏み潰すヤツが多いことに気づいた。 信用は金で買えるが、信頼は金で買えない。 コミュニケーションというのは信頼が前提にあるものだから、これを失うと、どんどん人間が離れていく。 最初から信頼を獲得するスキルを持ちあわせていなければ、最初から人間は近づいてこない。 つまり、信頼とは本来時間と手間をかけて積み上げていくもので、 それが最初から足りてないから、非コミュは非コミュのままなのだ。 本来は付け焼刃で人間関

      非コミュに足りない10の対人スキル
    • 新着記事

      『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

        新着記事
      • Photoshop VIP ☞ 商用可、豊富すぎる711個のピクトグラムアイコンを無料公開している「Noun Project」

        『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

          Photoshop VIP ☞ 商用可、豊富すぎる711個のピクトグラムアイコンを無料公開している「Noun Project」
        • デザイナーじゃなくても知っておきたい色と配色の基本 | knowledge / baigie

          色は私たちの身近に存在する視覚要素であり、日々の生活や行動に多大な影響を与えています。しかし、美術やデザインの専門教育を受けない限り、これほど身近な色を体系的に学ぶ機会はほとんどありません。 近年、ビジネスの現場でもデザインの重要性がよく語られます。ビジネスレイヤーで語られるデザインは課題解決を意味する広義のデザインであることも多いですが、その概念がプロダクトに落ちる段階では、ビジュアルデザインのような狭義のデザインも考えていかなくてはなりません。自分自身がデザイナーではなくとも、デザインを評価・判断すべき立場になることも、当然あるでしょう。 デザイナーでなくても、仕事の中で色を扱うシーンは他にもあります。PowerPoint等を使ってビジネス文書を作成をするとき、誰もが色を用いるでしょう。色の知識があれば、より効果的なドキュメント作成が可能になります。 このように考えると、色はデザイナー

            デザイナーじゃなくても知っておきたい色と配色の基本 | knowledge / baigie
          •  いますぐコマンドプロンプトを捨てて、Cygwinを使うべき10+の理由 - それマグで!

            Mac大流行なのでCygwinに需要ないかもしれないけど。一年間のCygwin体験をまとめてみた。今年1年で一番使ったツールで感謝してる。 CygwinはWindows環境にそのままLinuxのCUIツールを導入できる。もう「コマンドプロンプト」に拘る必要は薄くなりました。 僕は今年1年の一番の収穫はCygwinを使ったこと。 Cygwinを使うことでターミナルを使いこなせるようになった。そしてMacに移行してもターミナルさえあるから困らないと思えるようになりました。 コマンドプロンプトを捨てるべき理由 ・SSHコマンドでリモートサーバにアクセスしても文字化けする。 ・色・フォントがダサくて使い物にならない。 ・コマンドが少ない。grep したい。findしたい cmd.exeをすててMinttyを使おう。 Cygwinを使うと、minttyというPuttyベースの素晴らしい。ターミナルが

               いますぐコマンドプロンプトを捨てて、Cygwinを使うべき10+の理由 - それマグで!
            • こうしてGoogleに入社した(kumagi編) - Software Transactional Memo

              Googleオフィスの窓からの眺めをGoogle Photoが自動加工したもの TL;DR AtCoderやろうぜ Googleの(僕から見て)偉い人が立て続けにブログを書いており ctrl-x-s.blog hoge.blog ここ数件の僕のブログへの反響を読んでも「Googlerだから特別」みたいな意見が散見され、入社へのハードルが変に高く見られてしまっている気がするので、僕がGoogleに入社する準備として取り組んでいた事とそのレベルを紹介する。程度の低さに安心して欲しい。 英語 英語の論文は興味の赴くままに読んでいたため読むことに関してはあまり苦手意識は無いものの、絶対的な英語力に関して言うとTOEIC500点というスコアが端的に表している。これがどれぐらいかというと、得意分野から外れると長文を読む速度と精度がガタ落ちし、リスニングも結構な単語を聞き落とし、文脈からの推測と辛うじて

                こうしてGoogleに入社した(kumagi編) - Software Transactional Memo
              • 全653種、商用利用無料、再配布可能な太っ腹のフリーアイコン -Default Icon

                全653種、商用利用無料、再配布可能だけでもすごいですが、更にベクターのEPS付きとフリー素材として至れり尽くせりのアイコンを紹介します。 アイコンのデザインもシンプルなので、使い勝手もよさそうです。 Default Icon [ad#ad-2] ダウンロードできるアイコンのフォーマットはEPS, PNG(16x16, 32x32, 48x48, 64x64, 128x128, 256x256)です。 アイコン全653種はウェブサイト・ウェブアプリケーション用にさまざまなものが揃っています。 以前紹介した際はver.1で168種類でしたが、作者様よりver.2にして数も増やしたよ、と連絡を受けました。 [ad#ad-2] アイコンのライセンスはCC 3.0で、個人でも商用でも無料で利用できます。また、再配布も可能、とのことです。

                • デザインパターン[モデリング] -TECHSCORE-

                  オブジェクト指向プログラミングにおいてデザインパターンを利用することは、開発者に様々なメリットを与えてくれます。 ここでは、「デザインパターンとは何か」というようなデザインパターンの基本事項と、GoFの23個のデザインパターンをJavaを利用してわかりやすく解説します。 デザインパターン INDEX

                  • 【日本語フリーフォント】本当は教えたくない!デザイナーが仕事で使ってる12選【商用可】 | ベーコンさんの世界ブログ

                    1.うずらフォント(手書きフォント系) ▼ぜんぶうずらフォントです。 手書きフリー日本語フォントはたくさんありますが、最近はこれがお気に入りです。 ゆるい感じが可愛らしい。 ちょうど下手すぎず、上手すぎずがちょうどいいんですよね! このフォントの使いみち ダウンロードはこちらから 2.Noto Sans Japanese /a 源ノ角ゴシック(ゴシック太さ多数) GoogleとAdobeからこのフォントが発表された時、デザイナーは沸きました。 しかし思いません? winならメイリオとかmacヒラギノとか最初から入っているフォントでいいよ! ぼくも、そう思います! あーでも、しかし1つだけこのフォントが便利な点があるんです。 それは 文字の太さの種類がある これが大事なんです。デザインを作る時に便利! OSに最初に入ってるフォントは、太さの種類が2、3種類だと思います。 ボールドボタンで太く

                      【日本語フリーフォント】本当は教えたくない!デザイナーが仕事で使ってる12選【商用可】 | ベーコンさんの世界ブログ
                    • 最初の一歩は始めること

                      Jason Zimdars / 青木靖 訳 2010年8月31日 「Webデザインを始めたい場合、どうすればいいんでしょう?」とか、「Webアプリを作り始めるには、どんなスキルが必要ですか?」といった質問をする人がたくさんいる。おすすめの本を山ほど挙げたり、「となりのやつより115%上をいく55の技」みたいな記事を何十本かリストアップするのは簡単だが、本当のところを言うと、始めるために何かを学ぶ必要はない。一番重要なことが何かというと、ただ始めることなのだ。 何かを作り始めること。Webデザインを学びたいならWebサイトを作ればいい。起業家になってWebベースの製品を売るビジネスを始めたいなら何かアプリを作ればいい。まだスキルがないかもしれないけど、どうしてそんなこと気にするの? どんなスキルが必要になるかもわからないというのに。 すでに知っていることを使って始める Webで何か作りたいん

                        最初の一歩は始めること
                      • プレゼンを通すために絶対必要な“4つ”のこと : LINE Corporation ディレクターブログ

                        モバイルの新規事業担当になった渡邉雄介です。最近は社内や外部でプレゼンさせていただく機会が増え、色々と学びました。 自分がプレゼンする立場になったとき、"うまく説明しなければならない" という漠然としたプレッシャーから、プレゼン自体をネガティブに捉えてしまうことはないでしょうか。今回は、プレゼンを通すために欠かせない、最も重要な4点についてお話しします。 その1: スライドに全てを書かないこと プロジェクターから映し出されるスライドに書いてある文章を、そのまま読みながらプレゼンする人がいますが、私はそういうプレゼンを見ると心の中でこう突っ込みを入れてしまいます。「いちいち読んでくれなくても、そう書いてある!」 スライドはあなたの言葉を視覚的にサポートするものであって、カンペではありません。言うべき言葉でスライドの余白を埋めて、"ちゃんと調べた感" を出そうとするよりも、本当に伝えたいメッセ

                          プレゼンを通すために絶対必要な“4つ”のこと : LINE Corporation ディレクターブログ
                        • Midjourney、Stable Diffusion、mimicなどの画像自動生成AIと著作権|知的財産・IT・人工知能・ベンチャービジネスの法律相談なら【STORIA法律事務所】

                          ホーム ブログ 人工知能(AI)、ビッグデータ法務 Midjourney、Stable Diffusion、mimicなどの画像自動生成AIと著作権|知… はじめに Midjourney、Stable Diffusion、mimicなど、コンテンツ(画像)自動生成AIに関する話題で持ちきりですね。それぞれのサービスの内容については今更言うまでもないのですがMidjourney、Stable Diffusionは「文章(呪文)を入力するとAIが自動で画像を生成してくれる画像自動生成AI」、mimicは「特定の描き手のイラストを学習させることで、描き手の個性が反映されたイラストを自動生成できるAIを作成できるサービス」です(サービスリリース後すぐ盛大に炎上してサービス停止しちゃいましたが)。 で、この手の画像自動生成AIのようなコンテンツ自動生成AIですが、著作権法的に問題になる論点は大体決ま

                            Midjourney、Stable Diffusion、mimicなどの画像自動生成AIと著作権|知的財産・IT・人工知能・ベンチャービジネスの法律相談なら【STORIA法律事務所】
                          • おしゃれな賃貸・売買物件が見つかる不動産サイト11選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                            お久しぶりです。最近、後藤から野田に名前が変わり、なおかつ婚約し、来週引っ越しをする野田です。 そして、メインビジュアルは自分の部屋です。25年間住み続けた家から、ようやく引っ越しをするので、最後にアップしたくなりました。 そこで今回のブログは不動産を取り扱うおしゃれなサイトをご紹介します。 自分自身、先週までたくさんの不動産屋さんをまわり、ようやく運命の物件に出会うことができました。その物件を探すのにも相当時間がかかってしまい、一時は諦めようと思ったことも……しかしテンションを維持するために、今回ご紹介するようなサイトをずっと見てました。 恋愛と一緒で、運命の物件と出会うのは急だったり遅かったり……。 皆さんにも、運命の物件に出会っていただきたい! それだけの思いでご紹介させていただきます。ご覧ください。 オシャレな不動産サイト11選 RealTokyoEstate-東京R不動産- ht

                              おしゃれな賃貸・売買物件が見つかる不動産サイト11選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                            • CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選

                              今回は見出し(h1〜h6タグ)のオシャレなデザインサンプルを68つ紹介します。CSSコードをコピペすればそのまま使うことができます。もちろん自分好みにカスタマイズして使って頂いても構いません。

                                CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選
                              • フリーランスになる準備をしよう!独立前に知っておいてほしいこと。 知らないはリスク

                                ■屋号を決める まずはこれから自分が背負う屋号を決める必要があります。 屋号とは個人で使う会社名みたいなもの。 ●●商店とかも屋号ですね。 屋号を決めるにはいくつか注意点があります。 1.相手に伝わりやすいかどうか 例えば取引先に電話した時など ●●●の(個人名)です。と電話受付の方にお電話しないといけませんが、 覚えにくい、分かりにくい名前だと何度も●●ですか?いえ違います●●ですみたいな やりとりをしてしまいます。 できれば一言で伝わるものがいいでしょう。 僕は独立当時は個人用に取得していた「strive-ex」というのを そのまま屋号に最初使っていたのですが、多くの人が 「strive」や「ex」という単語が聞きなれない、間にハイフンがあるなど 問題が山積みだったため、2年目には「stid」という短いものに変更しました。 ※strive interactive design から短縮

                                  フリーランスになる準備をしよう!独立前に知っておいてほしいこと。 知らないはリスク
                                • 非デザイナーエンジニアが一人でWebサービスを作るときに便利なツール32選 - Qiita

                                  非デザイナーエンジニア(Rubyist)の私が、一人でこんなWebアプリを作ってみました。 まだβ版ですが、Pocketやfeedlyの未読コンテンツの中から、 重要度が高いものだけをリマインドしてくれるサービス「Reminderr」です。 Reminderr:http://www.reminderr.me/ 要するに、私自身のPocketとかRSSがカオスになっているので、 その中で重要なものだけ教えてほしかったので、 自分で作っちゃえ!って思って作りました。 そのときに使った便利ツールたちをまとめておいたら便利そうだったので、 今回使ったもの+αを全てまとめてみました。 紹介するツールたちを駆使すれば、 非デザイナー&デザインセンス0の私が、 1週間程度でこれくらいのアプリをリリースできるので、 他のエンジニアにも便利なツールがいっぱいあると思います。 Bootstrap系 Boots

                                    非デザイナーエンジニアが一人でWebサービスを作るときに便利なツール32選 - Qiita
                                  • 1年でフリーのWebデザイナーになった僕が実行した8つのステップ【独学デザイン勉強方法】 - LITERALLY

                                    Desk | Flickr デザインスキルを身につけてから、世界がずいぶん広がった。自分一人の力で仕事が出来るようになったし、発信したいものがあれば好きなようにWebページを作れば良いし、プレゼンのスライドも何倍も印象的に作れるようになった。デザインで学んだことは生活していれば至るところで活きてくるので投資効果はかなり大きいはず。 今回は、Webデザインの知識が一切なかった僕が、会社や飲食店からWebデザインの仕事を請けるようになるまでの1年間に実行した8のステップ(デザインの勉強4+Webデザインの勉強4)をまとめてみる。ここで書くのは目安として、HTML・CSSを使ったレスポンシブデザインのウェブサイトを作るあたりまで想定してもらえると良い。 いちおう自己紹介を簡単に 独学でデザインの勉強を始めたのは2年前の2012年後半。とは言っても雑誌のレイアウトデザイン(グラフィック・デザイン)

                                      1年でフリーのWebデザイナーになった僕が実行した8つのステップ【独学デザイン勉強方法】 - LITERALLY
                                    • 【インタビュー】クックパッドのUIデザイナー:「エンジニアの仕事が0を1にする仕事なら、デザインは1を100にする仕事 」 | Startup Dating

                                      Startup Datingでインタビュー連載を始めてみることになりました。さて連載の初回は、2011年に新卒としてクックパッドに入社し、現在UIデザイナーとして活躍する片山育美さん(@monja415)。片山さんが現職に就くまでの道のりや、クックパッドのUIに関する考え方、片山さんが手がけた具体的なUI改善の事例やヒントなどをたっぷりお伝えします。 美術大学で勉強、もともと職人になりたかった もともと絵を描くのが好きだし得意、高校のときから職人になりたいと思っていたと話す片山さん。美術大学に進学し、ファイン系とデザイン系でデザイン系を学ぶことを選択。ファイン系とは、絵画や彫刻などいかにも“アート”というもの。ファイン系が芸術だから、どこか自分の中で完結してしまうところがある。でも、職人って誰かのために技術を使える人なんじゃないか、と。情報デザイン学科を専攻し、サービスデザインやUXと言わ

                                      • すごい得した!便利な「無料」WEBサービスと知識まとめ

                                        作成:2013/02/18 更新:2013/05/14 Tool > Webサービス 生活や暮らしをもっと便利にしたい 友達、知人が困っていたときに 「それなら便利なサービスあるよ」 とサラッと伝えたい。 今回は日常で使う、ちょっとした無料サービスや知識をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 1.グルメ 2.レジャー / 旅行 3.生活 / 節約 4.音楽 5.物 / 売買 6.暮らし 7.ビジネス 8.Google 1.グルメ お土産に迷った時の参考に 47都道府県手土産リスト - GOURMET - X BRAND プロのシェフによる家庭料理のレシピ集 プロから学ぶ簡単家庭料理 シェフごはん ラーメン屋に特化した口コミサイト 全国ラーメンデータベース 自分も他人も行ってるお店を共有する Rettyグルメ[レッティ] お店に行きたく

                                          すごい得した!便利な「無料」WEBサービスと知識まとめ
                                        • いつもの作業が5秒速くなるツールをひたすら列挙するページ

                                          筆者が愛用してやまない作業高速化ツールたちに感謝しながら、ひたすら列挙するページです🙏 Mac専用 Alfread 多機能ランチャ ファイル検索 クリップボード履歴の保存がめちゃくちゃ便利(有償版) Clipyとかも試して、有償版Alfredが一番しっくりきた クリップボード履歴を保存 履歴が残る 筆者は Cmd + Shift + V で発動するよう設定 画像コピーの履歴も保存 履歴の検索 クリップボードでコピーしながらマージできる マージしたい文字列は、「空白区切り」「改行区切り」「区切りなし」を選べる コーディングが捗る スニペット機能(https://zenn.dev/naotolog さんご紹介🙏) 定型文を登録して、呼び出すことができる 穴埋め入力が必要ない場合は Dash よりこちらが良さそう Station 通知の一元化 Slack/Twitter/Facebook/G

                                            いつもの作業が5秒速くなるツールをひたすら列挙するページ
                                          • プログラマ歴12年の僕が選んだ「10年経っても役立つ技術書17選」 - give IT a try

                                            はじめに 僕がプログラミングを始めてから、もうすぐ12年になろうとしています。 この12年間、いろんな技術書を読んだり、仕事やプライベートでたくさんコードを書いたりしてきました。 最初に入ったSIerでは主にJavaを、前職の社内SE時代はC#をメインのプログラミング言語として使ってきました。 現在はRubyをメインで使っていますが、言語が変わっても、また何年経っても「これはあのとき学んだ知識が役に立ってるよなあ」と思う瞬間がときどきあります。 そこで今回はこれまでに読んだ技術書を一通り振り返り、「この本で学んだことは今でも役に立ってる」と思うものを17冊ピックアップしていきます。 おことわり (2014.09.29 20:00追記) このエントリのタイトルは「10年経った今でも役に立っている」という意味で付けています。「今から10年後まで役立つ」という意味ではありません。(紛らわしくてご

                                              プログラマ歴12年の僕が選んだ「10年経っても役立つ技術書17選」 - give IT a try
                                            • ASCII.jp:もう配色には困らない!「Adobe Kuler」

                                              「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな(得意な)色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」(クーラー)だ。Kulerは、さまざまな色の組み合わせ(配色パターン、Kulerでは「テーマ」と呼ぶ)をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上(2009年1月現在)ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ(以降の説明はログインしているものとして進める)。

                                                ASCII.jp:もう配色には困らない!「Adobe Kuler」
                                              • だいぶ前に藝大デザイン科を卒業し、同窓に任天堂がいるから回答しておく..

                                                だいぶ前に藝大デザイン科を卒業し、同窓に任天堂がいるから回答しておく。(ブコメだと書けないからね デザイナーといっても様々でジャンルの幅が広いが、どのジャンルでも基本的な教養は重要。 CG造形をやりたいということであるが、高校で学ぶような基礎教養、一見無駄な知識と思えるものでも後々重要になる。要求されるものについての文化的な素養や知識があるのとないのとでは大違いである。後々苦労する。なので高校で学ぶ学問を軽視してはいけない。独学では視野が狭くなる。無駄と思える知識まで広げておく必要があるので寧ろ、高校時代は可能な限り学科はやっておくべし。私がいた頃は美校の試験学科の成績は実技と比して全然重視されていなかった(酷いものであった)が、試験勉強していないだけで教養がある学生は多かった。無駄なことまでアンテナを張って知的好奇心を養うことができるのは高校時代である。ちなみにその学科試験も昨今は重視す

                                                  だいぶ前に藝大デザイン科を卒業し、同窓に任天堂がいるから回答しておく..
                                                • プレゼン資料のデザイン力がぐっと上がる、お勧めのデザインサイト7選 |プレゼンデザイン

                                                  プレゼン資料をキレイにわかりやすく作りたい!と思い立った人に、まずお勧めしたいのがこのサイト「伝わるデザイン|研究発表のユニバーサルデザイン」です。基本的には研究発表を行う学生さんをターゲットとしているサイトですが、ビジネスマンにも読み応えは十分。提案書・企画書のプレゼン資料作成にそのまま利用できる内容となっています。 魅力は、わかりやすいサンプルと豊富な解説。デザイン初心者にうってつけのサイトです。ページはすっきりとしていて非常に見やすく・読みやすくレイアウトされています。 サイト全体の情報量も多からず少なからず、ほどよく網羅されていて、ひととおり目を通し終わった頃には、一歩レベルアップしている自分に気づくこと間違いありません。百聞は一見に如かず。まずはご覧になってみてはいかがでしょうか?

                                                    プレゼン資料のデザイン力がぐっと上がる、お勧めのデザインサイト7選 |プレゼンデザイン
                                                  • 英語面接で5歳児みたいなことしか言えないからカッとなってWebサービス作った【個人開発】 - Qiita

                                                    要約 「英語で意見を言おうとすると5歳児のようになってしまう」という課題を解決するEnglisterというサービスを開発した。 自分で使ってみたところ、10問程度の問題を解くだけでスラスラと英語で意見を言えるようになった。 実装はDeepL APIとNext.jsのAPI routeを使って爆速開発をした。 追加(2021/01/18) 記事を公開してから毎日機能追加をしています。2週間前からどれだけ変わったか是非見ていただきたいです。 背景にあった課題 「英語で意見を言おうとすると5歳児のようになってしまう」 英語にすごい苦手意識があるわけではない。TOEICは840点で、すごく簡単な日常会話なら問題なくできるので、海外旅行で困るということはなかった。しかし、仕事でたまに海外の人とやりとりをするときや外資系企業の英語面接で**「ちょっと難しい質問」**をされると、途端に5歳児になってしま

                                                      英語面接で5歳児みたいなことしか言えないからカッとなってWebサービス作った【個人開発】 - Qiita
                                                    • 私が参考にしたAndroidアプリ開発情報をまとめてみました - もとまか日記

                                                      先日、以下の記事で初めて作ったAndroidアプリを紹介しました。 一週間で初めてのAndroidアプリを作ってみました その後、そのアプリをAndroidマーケットで公開してみました。 はてブ閲覧用Androidアプリ「HTBPocket」を公開しました この一連の作業で参考にした記事やサイトについて、「Androidアプリ開発関連情報まとめ」としてまとめてみました。 開発環境構築まず必要になるのが開発環境です。以下はMacの環境構築です。MacにAndroid SDKをインストール (Update 2010.05.25) そして以下がWindowsでの環境構築です。私はやったことないのでよく分かりませんが(^^;;世界を目指せ!Androidアプリ開発入門:第2回 Androidアプリ開発のための環境構築 公式の開発情報公式の開発者向けサイトです。Android Developers

                                                      • 私がwebサイトのラフデザインを制作する時の流れ │ Design Spice

                                                        私がwebサイトのラフを作る時の流れを書いてみました。 独学で身に付けた方法であり、 一般的な方法ではないかも知れないことを予め断っておきます。 私にはやりやすい方法ですが、 他の人にとってはそうではないかもしれません… 本エントリーはラフデザインのみ注力するため、既にコンセプト、ターゲット、サイト構成などは決まった状態と仮定します。 (※本文中のショートカットキーは全てMacの場合です) 希望デザインのヒアリング ※委託業務の場合です どんなデザインが希望かを先方にヒアリングします。 この時にできるだけ、クライアントのイメージを明確にするため 抽象的でも良いので沢山言葉を貰います。 明るい、可愛い、ポップ、カッコいい、シンプル、落ち着いた…etc 具体的にデザイン参考にしたいサイトがあるのなら聞いておきます。 また頂いた言葉と自分のイメージのギャップを埋めておきます。 ”シンプル”と言う

                                                          私がwebサイトのラフデザインを制作する時の流れ │ Design Spice
                                                        • 土日で作るWebサービス入門 - toyoshiの日記

                                                          先週日曜日に総額480円、プログラムコード200行、作業時間8時間で「給与明細.net」(http://www.給与明細.net)というWebサービスを作ってリリースをしました。これは給与支払明細書のPDFをWebで簡単に作れるWebサービスです。 シンプルな内容なので開発を開始してから8時間以内の作業でリリースできました。このエントリではサクッとサービスを開発してリリースするまでの僕なりの方法を紹介します。 特長 無料 会員登録不要 Excelから一括作成できる(CSVではない) オープンソース(MITライセンス) 目次 解決したい課題を見つける ドメインを取得する サイトマップとURLを決定する よいツールを集める まずデプロイ(公開)する そこそこのデザインにする 最低の機能をつけたらリリースする 広めるための準備をする おまけ:コードをかく 解決したい課題を見つける これがないとそ

                                                            土日で作るWebサービス入門 - toyoshiの日記
                                                          • プロジェクト推進者のための議事録の書き方 - 人と組織と、fukui's blog

                                                            2011年02月07日 02:53 カテゴリプロジェクトデザイン プロジェクト推進者のための議事録の書き方 Posted by fukuidayo Tweet プロジェクトを設計(デザイン)し、前に進める。という仕事に取り組み始めてから、ありがたい事に多くの仕事の相談や依頼を受けるようになった。やってみて感じるのは、企画するだけでなくて、ものごとを確実に前に進めてくれる人をどこの企業も求めているんだなー、ということ。 プロジェクトを設計し、前に進める。というと大層なことをやっているように思えるかもしれないけれど、実は僕がやっていることは本当に単純で、 ・アジェンダをつくり ・会議をファシリテートし ・議事録を作成する ということをしているだけだ。もちろんプロジェクトを円滑に進めるために必要であれば、情報共有やプロジェクト推進のツールを提供したりもするけれど、基本的には無料で利用でき、汎用性

                                                            • Photoshop初心者は絶対に覚えてほしい!!画像を劣化させずに調整できるPSDデータの作り方

                                                              creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 こんにちは。 Adobeのソフト一個だけあげるよと言われたら、迷わずPhotoshopを選びます。井畑です。 そんなPhotoshopラブの僕ですが、昔は正直苦手でした。 なぜなら、PhotoshopはIllustratorと違って、調整しているうちにデータが劣化(どんどん汚く)なってしまうと思っていたからです。 正しく言うと、データが劣化しない方法を知らなかっただけなんですけどね、当時は大変でした。 画像も一回小さくしてしまうと、次に大きくした時に荒れてまいますし、トーンカーブ等の画像補正も一回かけると二度と修正できませんでした。何回もトーンカーブかけてるとどんどん画像が汚くなっていくし… よく、サイズを間違えてて2,3時間の作業を一からやり直しして

                                                                Photoshop初心者は絶対に覚えてほしい!!画像を劣化させずに調整できるPSDデータの作り方
                                                              • カンタンすぎてヤバい! 『Cookpad』で大ヒットのレンジでチンするだけのチョコケーキが絶品すぎる件 - アップス!-iPhoneの小技やiOS系ニュースを配信

                                                                カンタンすぎてヤバい! 『Cookpad』で大ヒットのレンジでチンするだけのチョコケーキが絶品すぎる件 mixiチェック Tweet 2012年10月28日 カテゴリ:ネタ無料app photo credit: macwagen via  photo credit:  こんにちは! @fplili です。  iPhoneで遊んでいると気づいたら夜中。なんかコバラ減ったな〜ってとき、ありますよね? 本日は、そんなときにたった3分でできちゃう絶品チョコケーキの作り方をレシピアプリ『Cookpad』よりご紹介いたします。 つくれぽ1500人の大ヒットレシピ!もうコレ、傑作としか言いようがありません。 ぜひnokko.tさんのオリジナルレシピをご参照いただきつつご覧ください!↓↓↓ 参照元:  nokko.tさんのレシピ [クックパッド] 簡単おいしいみんなのレシピが126万品    クックパッ

                                                                • 絵の描き方・上達法総まとめ 初心者からベテランまで絵を描く人に役立つ記事36選 | お絵かき速報!萌え絵上達法

                                                                  あらゆる絵の描き方や上達法を集約したサイトが見たい、という思いから作った 「お絵かき速報」2年間の総まとめです。 今まで紹介してきた中で、反響が大きかったおすすめの記事をまとめました。 絵を描いたことがない、これから描いてみたい、という方は描き始めるきっかけとして。 既に絵を描いている方は、更なる上達への足がかりに。 また、作業効率の向上や、モチベーションを上げるための参考になさってください。 【初心者向け講座】 初心者にも分かりやすい『人の描き方』講座まとめ とっつきやすい、キャラの描き方講座まとめ 絵が全く描けない初心者に最適のイラスト教本と練習法 これから萌えキャラを描き始めようとする人に 絵が上手くなりたい人が見るべき講座・サイトまとめ チェックしておくべき定番の絵の上達サイトを紹介 【絵の上達法・練習法】 印刷しておくと必ず役に立つ絵の資料まとめ 何度も見返し参考にしたい絵の資料

                                                                  • 知識0なのにすぐ出来た!iPhoneアプリ開発が簡単にできるまとめ16

                                                                    作成:2013/08/12 更新:2020/01/06 Web制作 > 去年、アプリをリリースしました。アプリに関する知識など全くなかったんですが、意外と簡単に出来るもんだなぁと思いました。その時はアプリを作った後、登録関係や広告など時間を取られたり、調べるだけで時間がかかったので、今回はアプリを開発するときに知っておくと素早く先に進める、作って終わりにならない「収益を発生させるまで」をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 基本 1.予備知識と事前準備 2.実践 3.証明書/アクティベーション 4.Objective-C リファレンス 5.iPhone5に対応させる 6.プログラムがいらないツール 制作 7.デザイン 8.素材 9.UI作成ツール 10.解像度/チートシート 申請/登録 11.アプリ申請/リジェクト回避 12.アプリ登

                                                                      知識0なのにすぐ出来た!iPhoneアプリ開発が簡単にできるまとめ16
                                                                    • 書いたな、俺の前で、革靴の話題を!

                                                                      https://anond.hatelabo.jp/20200203232919 元増田よ。スコッチグレインとクロケット&ジョーンズを同列に並べてる時点でどうよ。 スポンジ中物でお馴染みのスコッチグレインはリーガルと同程度だろ。 なお、スコッチグレインをディスった形になったが、あくまでクロケとの対比であり、コスパ良い靴なんでお間違えなく。 追記:URLの都合で収まりきらないので、ブックマークへの反応は別記事にて補足した。反響感謝です。 anond:20200219120055、anond:20200222120019、anond:20200222165759 あと、大先輩がグリーン色の沼から這い出てきてますので、是非ご一読の程を! anond:20200219225124 整備編まず、靴が当たって痛いという方に簡単な処方箋。 既製靴が100%フィットすることはないので、どこかにひずみがあっ

                                                                        書いたな、俺の前で、革靴の話題を!
                                                                      • 蝶結びのコツやラッピングに使えるアレンジも “リボンの結び方”を覚えよう - はてなニュース

                                                                        「蝶結びがゆがんでしまう」「ラッピングで上手にリボンが掛けられない」――「リボン」をキレイに結ぶのはなかなか難しいですよね。基本の蝶結びのコツ、ラッピングにぴったりのちょっと豪華なアレンジなど、リボンの結び方をやさしく学べるエントリーを集めました。 ■ 蝶結びの基本をマスターしたい! シンプルな「蝶結び」も、きれいに作ろうとすると意外と奥が深いもの。まずは基本をマスターしましょう。 <動画で学ぶリボンがけの基本> ▽ シングルリボンの結び方五味栄里のラッピング講座 | 五味栄里のラッピング講座 上記のエントリーでは、リボンがけの基本である「シングルリボン」の手順を写真と動画で解説しています。ラッピングの際、リボンの結び目はまず“箱の角”にもってくるのが基本だそう。上手に結ぶには、リボンの向きや持ち方など、ちょっとしたポイントを押さえることが大切です。結べたら、箱の角から所定の位置に移動させ

                                                                          蝶結びのコツやラッピングに使えるアレンジも “リボンの結び方”を覚えよう - はてなニュース
                                                                        • CSS:初心者の頃にハマったスタイルシートのあれこれ … IE7多め

                                                                          CSS、スタイルシート。初心者のころには CSS のスタイルがうまくいかなくて、半日や丸一日悩んだこともいっぱいありました。最近では、やっとひと通り覚えて、思うようにできるようになったかなーという感じです。今回は初心者だったころ、ちょっと悩んだことなどをいくつかまとめてみました。 Webサイトの見た目をデザインしていくのに欠かせない CSS。度々これってどうやるんだろうとか、どうしてこうなっちゃうの?というものに遭遇します。また、今までは IE6 をターゲットに含めてましたけど、そろそろ IE7 からをターゲットにすればいいのかなーと思うこともあって、過去のスタイルシートの書き方の習慣を変えようかなとも思っています。 スタイルシートを書いていて、今まで遭遇した不具合やその回避方法、また今まではこうしてたけど、これからは変わるかもしれないなーといものをまとめてみました。もうそんなことしてない

                                                                          • 知らないと損をする?Macユーザーなら入れておきたい便利ソフト - はてなニュース

                                                                            はてなブックマークでも度々話題になる「Mac用のオススメソフト」。初めてMacを手にすると、「どれが何のソフトなのか分からない!」と悩んでしまうこともありますよね。そこで今回は、初心者はもちろん、Macユーザーならぜひ知っておきたい“Macで使える便利なソフト”をご紹介します。 ■Macを買ったらまずはコレ! まずは、Macを手に入れたら最初に入れておきたいソフトを集めたエントリーです。 まず入れておきたいソフトはどれ? ▽Mac買ったらすぐに入れるべきフリーソフトウェア - スチーム速報 VIP ▽はじめてMacBookを使うのに入れたソフト20選 - [foool]丘の上 ブラウザやテキストエディタ、圧縮ソフトなどの基本的なものから、Twitterクライアント、画像処理ソフト、PCでテレビを見られるソフトまでたくさんの種類があるので、欲しいものが見つかりそうですね。 ▽ Macを初めて

                                                                              知らないと損をする?Macユーザーなら入れておきたい便利ソフト - はてなニュース
                                                                            • 国内Webサイト参考デザイン一覧集 | Maka-veli.com

                                                                              ん?タイトルの日本語、なんかおかしい?(笑) 自分用に、国内のWEBサイトサンプル集をメモ。 やっぱ国内のが参考にしやすいですよね。 ズロック http://www.zzrock.net/ 一番お世話になってます。 検索も楽です。 そしてサイト自体のデザインも好きです。 (黒×黒のロゴとかやっちゃうとこがまた良い) iKeSai.com http://www.ikesai.com/ なんか気楽に見れる。見やすい。 WEBdeDB http://www.webdedb.com/ 更新減ってきたけど、数多い。 (Faviconつけてほしいー…) WEBデザインの見本帳 http://www.web-mihon.com/ 印象から検索できるのは嬉しい。 サイトがかわいい。 webselection http://web-selection.com/ シンプル。み

                                                                              • フォントの基本的な選び方

                                                                                フォントの基本的な選び方を、備忘録的にまとめてみました。 フォントをどう選んだら良いのかわからない、もしくは選ぶのに時間がかかるという初心者さん向けです。 フォントには、それぞれ書体によって特徴があり、ユーザーに与えたい印象によって書体を選ぶ必要があります。 (それに縛られすぎてもいけませんが…(あえてインパクトを出すために違う印象のフォントを組み合わせたりする)、基本的な選び方として知っておくと良いと思います。) 私は以下の順番でフォントを選んでいます。 恐らく他のデザイナーさんも、この順番だと思います。 1. フォントの系統選び 2. 選んだ系統から、さらに書体を選ぶ 3. 書体のウェイトを決める 4. 字間の調整 さらに具体的な手順を1つずつ説明していきます。 1. フォントの系統選び 日本では、和文フォントと欧文フォントの2つを使います。 また、和文フォントは、以下の4つに大きく分

                                                                                  フォントの基本的な選び方
                                                                                • WordPressのオリジナルテーマ作成フロー・基本マニュアル

                                                                                  初めてWordPressオリジナルテーマの作成にトライしたい、という方向けの基本のマニュアルです。マニュアルというほど大袈裟なものではありませんけど、ある程度敷居が低くなると嬉しいなぁという思いを込めて記事にします。 この記事の内容はあくまで基本中の基本で、初心者・ノンプログラマー向けとなっていますので応用的な情報は殆どありません。また、説明の仕方も分かりやすさ重視で、厳密的にはちょっと違う点もあります。 初心者さん向けに、もう少し情報があってもいいかなと思って、書いてみることにしました。僕もまだまだ初級レベルなので一緒に学んでいきましょう。初級者レベルでこんな記事書くなって話ですけども。 目次 目次です。各セクションで必要と思う場所から見るようにしてください。 はじめに 作成するWebサイトの目的と構造 テーマ作成前に用意するものと環境 テーマの構造を(触り程度だけでも)理解する HTM

                                                                                    WordPressのオリジナルテーマ作成フロー・基本マニュアル